kostenloser Webspace werbefrei: lima-city


link umfärben geht nicht

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    tft-development

    Kostenloser Webspace von tft-development

    tft-development hat kostenlosen Webspace.

    ich habe einen link z.B.:
    <a href="index.php" id="rstob">Start</a>


    durch css:
    #rstob a:link
    {
    color: #0066FF;
    }
    #rstob a:visited
    {
    color: #0066FF;
    }
    #rstob a:hover
    {
    color: #FF6600;
    }


    dieser link sollte blau sein und beim hover rot werden, er machts aber nicht, sieht immernoch aus wie ein normaler link :(
    (hover = mit der Maus drüber fahren)

    wär nett wenn ihr mir helfen könnt :)

    Beitrag zuletzt geändert: 4.9.2013 9:12:04 von tft-development
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. m******e

    tft-development schrieb:
    ich habe einen link z.B.:
    <a href="index.php" id="rstob">Start</a>
    #rstob a:link {color: #0066FF;}
    #rstob a:visited {color: #0066FF;}
    #rstob a:hover {color: #FF6600;}
    dieser link sollte blau sein und beim hover rot werden, er machts aber nicht

    So macht er's:
    a:link#rstob {color: #0066FF;}
    a:visited#rstob {color: #0066FF;}
    a:hover#rstob {color: #FF6600;}

    Alternativ für alle Links dann als Klasse:
    <a href="index.php" class="rstob">Start</a>
    <a href="weiter.php" class="rstob">Weiter</a>
    a:link.rstob {color: #0066FF;}
    a:visited.rstob {color: #0066FF;}
    a:hover.rstob {color: #FF6600;}

    http://de.selfhtml.org/css/formate/zentrale.htm#klassen

    Beitrag zuletzt geändert: 4.9.2013 10:59:28 von menschle
  4. Autor dieses Themas

    tft-development

    Kostenloser Webspace von tft-development

    tft-development hat kostenlosen Webspace.

    cool danke, wusste vorher garnicht wie das mit den Klassen und links geht...
    habs jetzt eingebaut, kannst dir ja mal anschaun wenn du willst :)
    http://tft-development.lima-city.de/index.php


    [edit]
    und unterstriche sind weg :) danke vielmals

    Beitrag zuletzt geändert: 4.9.2013 13:01:33 von tft-development
  5. m******e

    tft-development schrieb:
    cool danke, wusste vorher garnicht wie das mit den Klassen und links geht.
    Fein, und wenn Du jetzt noch den Unterstrich weg haben willst:
    a:link.rtou {text-decoration: none;}
    Für alle Links:
    a {text-decoration: none;}
    Beim hovern Unterstrich anzeigen:
    a:hover.rtou {color: #0066FF; text-decoration: underline;}


    Beitrag zuletzt geändert: 4.9.2013 12:43:24 von menschle
  6. daswing

    Moderator Kostenloser Webspace von daswing

    daswing hat kostenlosen Webspace.

    tft-development schrieb:
    cool danke, wusste vorher garnicht wie das mit den Klassen und links geht...
    habs jetzt eingebaut, kannst dir ja mal anschaun wenn du willst :)
    //...//


    Problem gelöst, allgemein gehaltene Beiträge sind nicht erwünscht. Bei weiteren Beiträgen auf Themenbezug achten.

    MfG daswing
  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!