Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Tweede link op pagina in een andere kleur

Anoniem
None
5 antwoorden
  • Hallo ik heb een website gemaakt en wil graag dat één link op die pagina een andere kleur heeft dan de rest. Ik heb al heel wat gegoogled maar vind het niet zo simpel. Oftwel de rest van de zin wordt ook gekleurd oftewel de lightbox (waaraan gelinkt wordt) werkt niet meer.
    http://www.5in1lijst.nl

    Het gaat om het woord "voorbeelden" in het volgende tekstblok.
    [size=9:9040af7141]<p class="style28">De foto's zijn van professionele kwaliteit
    en op hoogwaardig fotopapier afgedrukt. <span class="style76"><a href="images/voorbeelden fotos/Malabar.jpg" rel="lightbox[voorbeelden fotos] "title="Frans snoep">
  • Ik zou een id aan de link toevoegen, en die id stylen in de stylesheet

    B.v.
    [code:1:a5d4ff6d80]
    <a href="images/voorbeelden fotos/Malabar.jpg" rel="lightbox[voorbeelden fotos] "title="Frans snoep" id="rood">Voorbeelden</a>
    [/code:1:a5d4ff6d80]


    En dan in de stylesheet bijvoorbeeld
    [code:1:a5d4ff6d80]
    a#rood {
    color: #ff0000;
    text-decoration: none;
    }
    a#rood:hover {
    text-decoration: underline;
    }[/code:1:a5d4ff6d80]
  • Bedankt voor je reactie. Zou je me iets meer info kunnen geven hoe ik na het plaatsen van de id de stylesheet aanmaak en bewerken kan?
  • De stylesheet kan in een extern css bestand, maar in jou geval zou ik het gewoon in de head sectie van de pagina doen omdat het zo weinig is.

    Dan ziet je head er b.v. zo uit:
    [code:1:295f8ccb91]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>naam</title>

    <style type="text/css">
    <!–
    a#rood {
    color: #ff0000;
    text-decoration: none;
    }
    a#rood:hover {
    text-decoration: underline;
    }
    –>
    </style>

    </head>
    [/code:1:295f8ccb91]
  • Super bedankt, dit wilde ik graag.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.