[HaBo]
| (Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI... |
CSS - ich hasse es...
Diskussion: CSS - ich hasse es... im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hallo, auch wenn CSS natürlich sehr nützlich ist verschwende ich unglaublich viel Zeit mit dem Zeugs. Aktuelles Beispiel; ich ...
 |
05.06.07, 23:46
| #1 (permalink) |
| Registriert seit: 03.05.06  Likes: 0 | CSS - ich hasse es... Anzeige Hallo, auch wenn CSS natürlich sehr nützlich ist verschwende ich unglaublich viel Zeit mit dem Zeugs. Aktuelles Beispiel; ich habe eine Webseite, auf der es zwei Link-Arten gibt. Beide reagieren genau gleich, aber bei der einen Link-Klasse ist die Schriftart grösser als beider anderen. es gibt: <a class="links" ...> und <a class="links2"...> Mein Css sieht so aus: Code: <style type="text/css">
a:link { color: #000000; text-decoration:none; }
a:active { color: #000000; text-decoration:none; }
a:visited {color: #000000; text-decoration:none; }
a:hover { color: #838B8B; text-decoration:none; }
body { background-color:#D6D6D6; font-family:Arial; font-size:12px; }
.links {background-color:#4169E1; font-weight:bold; font-family:Arial; font-size:14px;}
.links2 {font-weight:bold; font-family:Arial; font-size:12px;}
.tbmaincontent {background-color:#FFFFFF; font-family:Arial; font-size:12px;}
</style> Stimmt die Reihenfolge nicht? Oder wie mach ich das? :-s Danke, ihr spart mir mit der Lösung noch ein paar graue Haare mehr :p |
|  |
|
06.06.07, 00:03
| #2 (permalink) |
 Registriert seit: 22.01.07   Likes: 10 |  Hallo, dein CSS lässt sich noch etwas kürzen. Dann fällt auch a:link und a:visited weg, falls es identisch zu a ist. Code: <style type="text/css">
a { color: #000000; text-decoration:none; font-weight:bold; font-family:Arial; }
a:hover { color: #838B8B; }
body { background-color:#D6D6D6; font-family:Arial; font-size:12px; }
.links {background-color:#4169E1; font-size:14px;}
.links2 { font-size:12px;}
.tbmaincontent {background-color:#FFFFFF; font-family:Arial; font-size:12px;}
</style> Falls es nicht geht: Welcher Browser macht denn Probleme? Hier im Firefox sah es eigentlich ganz gut aus damit ... mfg, metax.
__________________ Wenn keiner zuschaut, teile ich heimlich durch Null! Meine Homepage: Planet Metax | meine Bilder: DeviantArt | Twitter |
|
| |
| HaBOT | - Anzeige - |
|
|
06.06.07, 00:27
| #3 (permalink) |
| Moderator  Registriert seit: 14.02.06   Likes: 21 | Mit :link würde ich nicht hantieren, das läuft sowieso auf das normale a hinaus. Etwas zusammengekratzt und formatiert sollte es so funktionieren: Code: <style type="text/css">
body {
background-color:#D6D6D6;
font-family:Arial, sans-serif;
font-size:12px;
}
.tbmaincontent {
background-color:#FFF;
font-family:Arial, sans-serif;
font-size:12px;
}
a,
a:visited,
a:active {
color: #000000;
text-decoration:none;
font-weight:bold;
}
a:hover {
color: #838B8B;
}
.links {
background-color:#4169E1;
font-size:14px;
}
.links2 {
font-size:12px;
}
</style> |
|
| |
|
| - Anzeige - | |
|
|
[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » CSS - ich hasse es...
| Themen-Optionen | |
| Ansicht | |
Linear-Darstellung
| |
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Ich hasse morgens aufstehen ... | thyrael.lu | Fun Section | 0 | 03.09.07 21:23 |
