kostenloser Webspace werbefrei: lima-city


CSS Schreibeproblem

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    g******r

    Aloha,

    Ich habe ein CSS Menü geschrieben (Siehe Unten) und ich schaffe es nicht Text neben dem Menü zu schreiben. Ich habe natührlich Bereits gegooglelt und die Lima-SuFu benutzt, aber es Funktioniert Irgendwie nic /-[ .

    CSS:
    <head>
    <style type="text/css">
    a.menupunkt{
    color: black;
    font-weight: normal;
    text-align: left;
    font-family: Arial;
    font-style: normal
    font-size: 15 px;
    border-color: yellow ;
    border-style: normal ;
    margin: 30 px;
    border-width: 2 px;
    padding: 8 px;
    background: red;
    width: 130;
    display: block;
    text-decoration: none;
    }
    a.menupunkt:hover{
    color: blue;
    font-weight: 2;
    text-align: right;
    font-family: Arial;
    font-style: normal
    font-size: 22 px;
    border-color: black ;
    border-style: normal ;
    margin: 15 px;
    border-width: 2 px;
    padding: 8 px;
    background: black;
    width: 130;
    display: block;
    text-decoration: none;
    }
    </style>
    </head>
    <body>
    <a
     class="menupunkt"href="deineurl" target="">
    Home
    </a>
    <a
     class="menupunkt"href="deineurl" target="">
    Über uns
    </a>
    <a
     class="menupunkt"href="deineurl" target="">
    Produkte
    </a>
    <a
     class="menupunkt"href="---" target="">
    Help
    </a>
    <a
     class="menupunkt"href="---" target="_blank">
    Links
    </a>
    <a
     class="menupunkt"href="---" target="">
    Impressum
    </a>
    </body>
    </html>


    Ich hoffe Ihr könnt mir helfen. Das CSS gibt es übrugens unter http://www.gatterer.lima-city.de/thespock/css/sun.htmlzu shenen.
    Danke schonmahl im Vorraus

    LG
    gatterer


    Beitrag zuletzt geändert: 20.2.2010 9:49:00 von gatterer
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Du hast ein wenig zuviel geschrieben! Gerade im zweiten CSS-Block für die hover-Situation brauchst Du die Merkmale, die Du schon vorher gleich definiert hast, nicht noch einmal zu erwähnen, da sie "cascadierend" (daher der Name!) von der darüberliegenden CSS-Eigenschaft übernommen werden.

    Der Grund, warum Du keinen Text hinter die Menüeinräge schreiben konntest, liegt in der
    display:block
    Eigenschaft. Wenn Du sie in "inline" änderst, klappt es. Hier Dein von mir abgeänderter Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <style type="text/css">
    a.menupunkt{
    color: black;
    font-weight: normal;
    text-align: left;
    font-family: Arial;
    font-style: normal
    font-size: 15 px;
    border-color: yellow ;
    border-style: normal ;
    border-width: 2 px;
    padding: 8 px;
    background: red;
    width: 130;
    display:inline;
    text-decoration: none;
    }
    a.menupunkt:hover{
    color: blue;
    font-weight: 600;
    text-align: right;
    border-color: black ;
    background: black;
    }
    </style>
    </head>
    <body>
    <a class="menupunkt"href="deineurl" target="">Home</a> Home-Text ...<br>
    <a class="menupunkt"href="deineurl" target="">Über uns</a> Über uns-Text ...<br>
    <a class="menupunkt"href="deineurl" target="">Produkte</a> Produkte-Text<br>
    <a class="menupunkt"href="deineurl" target="">Help</a> Help-Text ...<br>
    <a class="menupunkt"href="deineurl" target="">Links</a> Links-Text ...<br>
    <a class="menupunkt"href="deineurl" target="">Impressum</a Impressum-Text ...><br>
    </body>
    </html>


    Beitrag zuletzt geändert: 20.2.2010 12:10:15 von cars-ten
  4. 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!