Stylesheet wird irgendwie nicht verwendet
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
auto
bekommen
code
einzelnen klassen
helfen
http
image
jemand
komma
links aussehen
paar
position
problem
quellcode
rechts code
sagen
text
trennen
url
vergessen
-
Hallo
ich schreibe geradean meiner Hompage und jetzt werden meine Links nicht richtig angezeit.
Kann sich das bitte jemand mal anschaun und mir sagen was flash ist?
http://phill93.hostingsociety.com
Spitzei -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Währe nicht schlecht, wenn du genaueres dazu sagen würdest wie deine LInks aussehen sollen und du dann noch den Quellcode dazu posten würdest. Dann könnte man dir besser helfen
-
Wenn du uns noch verrätst wie deine Seite bzw die Links aussehen sollen wäre es gut!
Bei mir wird aber eigentlich alles angezeigt was im Quelltext steht?! Vielleicht mal deinen Cache leeren...
Beitrag zuletzt geändert: 12.7.2011 10:39:11 von alfr3d -
Die Links sollen einen Gelbton bekommen und die Unterstreichnung soll weg.
Quellcodes:
template.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="stylesheets/main.css" rel="stylesheet" type="text/css"/> </head> <body> <div id="row1"> <div class="content"> Links<br /> <a href="123" class="menu">Test</a> </div> </div> <div id="row2"> <div class="content"> Rechts </div> </div> </body> </html>
main.css
@charset "utf-8"; /* CSS Document */ * html body { padding: 0 0 0 10%; } body { margin: 0; padding: 0; border: 0; overflow: hidden; height: 100%; max-height: 100%; } #row1 { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; height: 100%; overflow: hidden; background: #000; } #row2 { position: absolute; top: 0; left: 15%; right: 0; bottom: 0; overflow: auto; background: url(../images/bg.png) right bottom no-repeat; background-color:#000; color: #FFF; } .content{ margin: 15px; } .menu a:link a:visited a:active { text-decoration:none; color:#0F0; } .menu a:hover a:focus { border-style: inset; color:#0F0; text-decoration:none; } -
Versuch es mal so:
.content a:link a:visited a:active {text-decoration:none; color:#0F0;} .content a:hover a:focus {border-style: inset; color:#0F0; text-decoration:none;}
Beitrag zuletzt geändert: 12.7.2011 10:41:54 von alfr3d -
Dann werden alle Links auf der Hompage so.
Jedoch sollen nur die Menülinks so ausehen.
-
spitzei schrieb:
Dann werden alle Links auf der Hompage so.
Jedoch sollen nur die Menülinks so ausehen.
Dann vielleicht so:
.menu:link .menu:visited .menu:active {text-decoration:none; color:#0F0;} .menu:hover .menu:focus {border-style: inset; color:#0F0; text-decoration:none;}
Ich bin mir nicht ganz sicher, ob man die einzelnen Klassen nicht mit einem Komma trennen muss...
Beitrag zuletzt geändert: 12.7.2011 10:49:51 von alfr3d -
Ich habe das Problem gelöst ich habe ein paar Kommas vergessen.
Jetzt habe ich aber das Problem das der Link nicht hervorgehoben wird.
Neuer Quelltext:
@charset "utf-8"; /* CSS Document */ * html body { padding: 0 0 0 10%; } body { margin: 0; padding: 0; border: 0; overflow: hidden; height: 100%; max-height: 100%; } #row1 { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; height: 100%; overflow: hidden; background: #000; } #row2 { position: absolute; top: 0; left: 15%; right: 0; bottom: 0; overflow: auto; background: url(../images/bg.png) right bottom no-repeat; background-color:#000; color: #FFF; } .content{ margin: 15px; } .menu a:link, a:visited, a:active { text-decoration:none; color:#0F0; } .menu a:hover, a:focus { border-style: inset; color:#0F0; text-decoration:none; } -
So geht es:
.menu:link, .menu:visited, .menu:active {text-decoration:none; color:#0F0;} .menu:hover, .menu:focus {border-style: inset; color:#0F0; text-decoration:none;}
Beitrag zuletzt geändert: 12.7.2011 10:59:29 von alfr3d -
Ja jetzt funktioniert es danke.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
