CSS Fehler? Ich suche mich tot.

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

16:54, 27.11.2009

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
tom-moeller

tom-moeller hat kostenlosen Webspace.

17:39, 27.11.2009
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
tokiohotelpunkt

tokiohotelpunkt hat kostenlosen Webspace.
17:53, 2.12.2009
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...
~~w******s~~

17:57, 2.12.2009
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.
tokiohotelpunkt

tokiohotelpunkt hat kostenlosen Webspace.

18:25, 2.12.2009
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

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city

CSS Fehler? Ich suche mich tot.

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!