CSS Fehler? Ich suche mich tot.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angebot
blauen rand
code
dank
dokument
editor
einlesen
fehler
freundin
http
index
innere abstand
magazin
not
paar
schnelle antwort
text
untersuchen
url
vergessen
-
So. ich hab jetzt mal eine Seite mit CSS Mouseover gebaut. Allerdings funktioniert der Contentbereich nicht. Der CSS Validator sagt: Fehler beim einlesen! Allerdings habe ich keine Ahnung was er damit meint.
Hier der Inhalt der index.html
<html> <head> <title> []TITEL[] </title> <style type="text/css"> * { margin: 0; padding: 0; } /* Navigation */ #map a { display:block; color:#9A9A9A; text-decoration:none ; font-family:"Trebuchet MS",Tahoma,Arial,Helvetica; text-transform:none; font-size: 12px; cursor: hand; border: 1px solid #9A9A9A; width:105px; padding-top: 3px; padding-bottom: 3px; margin:0px; text-align: center; } #map a:visited{ display:block; color:#9A9A9A; text-decoration:none ; font-family:"Trebuchet MS",Tahoma,Arial,Helvetica; text-transform:none; font-size: 12px; cursor: hand; border: 1px solid #9A9A9A; width:105px; padding-top: 3px; padding-bottom: 3px; margin:0px; text-align: center; } #map a:active{ display:block; color:#000000; background-color:#EEEEEE; text-decoration:none ; font-family:"Trebuchet MS",Tahoma,Arial,Helvetica; text-transform:none; font-size: 12px; cursor: hand; border: 1px solid #000000; width:105px; padding-top: 3px; padding-bottom: 3px; text-align: center; } #map a:hover { display:block; color:#000000; background-color:#FFFFFF; text-decoration:none ; font-family:"Trebuchet MS",Tahoma,Arial,Helvetica; text-transform:none; font-size: 12px; cursor: hand; border: 1px solid #000000; width:105px; padding-top: 3px; padding-bottom: 3px; text-align: center; } #map { color: #009F00; text-decoration:none ; font-family:"Trebuchet MS",Tahoma,Arial,Helvetica; font-size: 12px; } #navi { width:100%; display:block; border: 1px solid #000000; padding: 3px; margin: 0; } /* header */ #header { width:100%; display:block; border: 1px solid #000000; padding: 3px; margin-top: 5px; margin-bottom: 5px; text-align: center; font-family:"Trebuchet MS",Tahoma,Arial,Helvetica; font-size: 30px; color:#9A9A9A; /* Content */ #contentbox { width:100%; display:block; border: 1px solid #000000; padding: 3px; margin-top: 100px; } </style> </head> <body> <div id="header"> CSS Mouseover Test </div> <div id="navi" align="center"> <table id="map" height="20" border="0"> <tr> <td> <a href="/" alt="Home"> Home </a> </td> <td> <a href="angebote" alt="Angebote"> Angebote </a> </td> <td> <a href="team" alt="Team"> Team </a> </td> <td> <a href="links" alt="Links"> Links </a> </td> <td> <a href="kontakt" alt="Kontakt"> Kontakt </a> </td> <td> <a href="impressum" alt="Impressum"> Impressum </a> </td> </tr> </table> </div> <div id="contentbox" align="center"> Text </div> </body> </html>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du hast vor /* Content */ im CSS
eine Abschlussklammer "}" vergessen!
Besorge dir für das editieren der CSS einen guten Editor, zur Not auch Dreamweaver. Damit kannst du schon mal Syntaxfehler vermeiden, da Du schon beim schreiben darauf hingewiesen wirst.
Gruß T.
Beitrag zuletzt geändert: 30.11.2009 12:30:39 von tom-moeller -
Da die Überschrift auch ganz gut zu meinem Problem passt, frag ich mal hier nach:
Uuuuund zwar:
http://i47.tinypic.com/279z8.jpg
In dem "schwarzen" DIV sind noch zwei zweitere, in dem unteren noch einmal zwei (äh, also insgesamt vier )
Zwischen dem orangenen und dem grünen ist ein Abstand, den ich nicht will, den ich aber auch nicht wegbekomm...
Ich hab mal den "code" vom blauen, orangenen und grünen div:
#blau{ float: left; width: 500px; left: 0px; padding-left:25px; text-align: justify; font-size: 0.9em; line-height: 1.5em; } #orange { height: 100px; width: 450px; background: url(oben.png) repeat-x; color: pink; margin-bottom:0px; padding: 5px; } #grün { width: 450px; background: url(mittel.png); margin: 0; padding: 5px; }
Liegt das am "padding"? Aber das kann ja nicht sein, dass ist doch innerhalb des orangenen/ grünen, oder??? Und bei "blau ist es ja nur der innere Abstand zum blauen Rand...?
Hilfe...
-
Poste mal noch den Link zu der entsprechenden Seite - trotz Skizze ist es schwer nachzuvollziehen.
Wenn du Firefox als Browser nutzt, solltest du dir unbedingt Firebug zulegen und damit den HTML Dokument auf CSS Fehler untersuchen. -
Danke für die schnelle Antwort...
EDIT: hat sich erledigt, ich weiß zwar nicht wie, aber meine freundin hat grad ein paar werte verändert...^^
Danke nochmal^^
Beitrag zuletzt geändert: 2.12.2009 18:27:43 von tokiohotelpunkt -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage