kostenloser Webspace werbefrei: lima-city


CSS Fehler? Ich suche mich tot.

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    druckertinte

    druckertinte hat kostenlosen Webspace.

    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>

  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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
  4. tokiohotelpunkt

    tokiohotelpunkt hat kostenlosen Webspace.

    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...

  5. w******s

    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.
  6. tokiohotelpunkt

    tokiohotelpunkt hat kostenlosen Webspace.

    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
  7. 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

Login zum Webhosting ohne Werbung!