kostenloser Webspace werbefrei: lima-city


Verschiedene Link Styles

lima-cityForumDie eigene HomepageHomepage Allgemein

  1. Autor dieses Themas

    zyclop

    zyclop hat kostenlosen Webspace.

    Wie kann ich denn verschiedene Link Styles auf meine Page einbauen??
    mit

    a { color: #FFFFFF; font-family: Tahoma; font-size: 15px; text-decoration: none; }
    a:hover { color: #0F0096; font-weight: bold; letter-spacing: 1; }

    und so weiter, werden ja alle Links eingef?rbt! Aber was muss ich machen, wenn ich die Navigation in einem

    Style m?chte(z.B. wie oben), aber die Links in meinem Content andersfarbig haben will:confused::confused:

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

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

  3. Zum Beispiel so:

    a:hover.navigation {
    ...
    }


    Im HTML-Teil in der Navigation dann halt:
    <a class="navigation">...</a>




    Ginge auch ein klein wenig anders. Nehmen wir mal an, Du hast die Navigation als unsortierte Liste umgesetzt (<ul><li></li></ul>), mit der Klasse "navi-liste", dann k?nntest Du das in etwa so machen:

    ul.navi-liste li a {
    ...
    }


    Hei?t: F?r einen Link <a>, der innerhalb eines Listenpunktes <li> auftaucht, der wiederum innerhalb einer unsortierten Liste <ul> mit der Klasse "navi-liste" auftaucht, gelten die hier aufgef?hrten Eigenschaften.

    <ul class="navi-liste">
      <li><a href="bla">abcdef</a></li>
    </ul>
  4. Au?er den KLassen gibts da auch noch andere M?glichkeiten:

    1. Mit IDs(fast das gleiche, wie Klassen)
    z.B.: a:hover#navigation{...}
    ...
    <a id="navigation">LINK</a>

    2. Mit einfachen Selektoren im CSS kann man zum Beispiel bestimmte Gruppen einen Stil zuweisen, ohne immer eine KLasse oder ID eintragen zu m?ssen
    z.B.: div a {...}
    Hier werden alle Links innerhalb eines Containers
    (DIV-Tag)ver?ndert.

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