Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Tweede link op pagina in een andere kleur

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.