![]() |
main.css und old.css - Druckversion +- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de) +-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62) +--- Forum: CSS und Javascript (https://forum.juergens-workshops.de/forumdisplay.php?fid=86) +--- Thema: main.css und old.css (/showthread.php?tid=19579) |
main.css und old.css - angisun - 13.12.2005 Hallo, zum Üben von CSS habe ich ein Template runtergeladen. Es sind zwei CSS-Dateien dabei: main.css und old.css Hier mein Problem: In der Vorlage sehen die Textlinks sauber aus. Sobald der Link jedoch mehr oder weniger als 9 Buchstaben hat, verändert sich der Hintergrund. Das würde ich gerne ändern. ![]() Die main.css body{ color:black; background:#f6f6f6; padding:0; margin:0; font:13px verdana, sans-serif;} #head{ color:black; background:#cccccc; border-bottom:3px solid black; padding-top:50px; margin:0;} #head h1{ color:white; background:#a8a8a8; padding:2px; margin:0; border-top:1px solid black; font:bold 18px verdana, sans-serif;} #menulinks{ float:left; width:120px;} #menulinks ul{ margin:0px; padding:30px 0 0 5px; list-style:none;} #menulinks li{ padding:0 0 5px 0; margin:0;} #menulinks a{ color:black; background:#e1e1e1; padding:2px 20px 2px 20px; border:1px solid black; font:bold 12px verdana, sans-serif; text-decoration:none; text-align:center;} #menulinks a:hover{color:white;background:#9a9a9a;} #menurechts{ float:right; width:120px;} #menurechts ul{ margin:0px; padding:30px 0 0 0px; list-style:none;} #menurechts li{ padding:0 0 5px 0; margin:0;} #menurechts a{ color:black; background:#e1e1e1; padding:2px 20px 2px 20px; border:1px solid black; font:bold 12px verdana, sans-serif; text-decoration:none; text-align:center;} #menurechts a:hover{color:white;background:#9a9a9a;} #content{ color:black; background:#ededed; margin:0 130px 0 130px; padding:30px; border-left:2px solid black; border-right:2px solid black;} #content h2{ margin:0 0 10px 0; padding:2px 0 2px 5px; font:bold 16px verdana, sans-serif; border-left:10px solid #bcbcbc; border-bottom:1px solid #bcbcbc;} #content h3{ margin:25px 0 10px 0; padding:2px 0 2px 5px; font:bold 14px verdana, sans-serif; border-left:8px solid #bcbcbc; border-bottom:1px solid #bcbcbc;} #content h4{ margin:25px 0 10px 0; padding:2px 0 2px 5px; font:bold 12px verdana, sans-serif; border-left:6px solid #bcbcbc; border-bottom:1px solid #bcbcbc;} #foot{color:white; background:#a8a8a8; padding:0; margin:0; border-top:2px solid black;} #foot p{margin:0;padding:4px;} ---------- Die old.css body{ color:black; background:#f3f3f3; padding:0; margin:0; font:14px verdana, sans-serif;} #head h1{ padding:2px; margin:0; font:bold 20px verdana, sans-serif;} #menulinks{ float:left; width:120px;} #menulinks ul{ margin:0px; padding:0; list-style:none;} #menulinks li{ padding:0 0 4px 0; margin:0;} #menulinks a{ color:black; background:transparent; font-weight:bold; font-size:13px; text-decoration:none;} #menurechts{ float:right; width:120px;} #menurechts ul{ margin:0px; padding:0; list-style:none;} #menurechts li{ padding:0 0 4px 0; margin:0;} #menurechts a{ color:black; background:transparent; font-weight:bold; font-size:13px; text-decoration:none;} #content{ color:black; margin:0; padding:30px;} #content h2{ margin:10px; font:bold 18px verdana, sans-serif;} #content h3{ margin:10px; font:bold 16px verdana, sans-serif;} #content h4{ margin:10px; font:bold 14px verdana, sans-serif;} #foot{ padding:0; margin:0; border-top:2px solid black;} #foot p{margin:0;padding:4px;} Ich habe schon eigies versucht, aber leider finde ich die Lösung nicht. Wer kann mir helfen? Gruß Angisun main.css und old.css - Jürgen - 13.12.2005 Hallo, wie gefällt dir das... Code: .body { http://www.juergens-workshops.de/vorlagen/web0071/index.html Gruß Jürgen main.css und old.css - angisun - 13.12.2005 Guten Abend Jürgen, hui das ging ja schnell....... Ich werde mal Dein Script nehmen. Es hat mich nur geärgert, das ich den Fehler - wenn es denn einen gibt - nicht gefunden habe. Ich möchte alle meine HP´s ändern und bin erst am Anfang in Sachen CSS. Vielen Dank und weiterhin einen schönen Abend. ![]() Gruß Angisun main.css und old.css - mali - 14.12.2005 Jürgen schrieb:Hallo, auch wenn da nichts mehr drinsteht, kommt mir sehr bekannt vor. ![]() main.css und old.css - Jürgen - 15.12.2005 Hallo Mali, was meinst Du? Gruß Jürgen main.css und old.css - angisun - 15.12.2005 Guten Morgen, Zitat:was meinst Du? Mali meint sicherlich, das da nur das "nackte Template" zu sehen ist. 8) Wünsche euch einen schönen Tag. Angisun - Nordlicht und hier tobt ein Sturm main.css und old.css - mali - 22.12.2005 hi jürgen, sah deine seite nicht mal so aus? oder habe ich das bild, von wo anders in erinnerung? ist ja schon soooooo lange her. liebe grüsse und schöne besinnliche weihnachten dein azubi |