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)

[CSS] - Style="" ook voor a:hover?

[m]
14 antwoorden
  • Je kan een style voor een link op drie manieren definiëren:[code:1:0203709378]a {font-size: 10px}

    <a href="…">…</a>[/code:1:0203709378][code:1:0203709378]a.special {font-size: 10px}

    <a class="special" href="…">…</a>[/code:1:0203709378][code:1:0203709378]<a style="font-size: 10px" href="…">…</a>[/code:1:0203709378]

    Dit werkt met a {…}, maar kan het ook voor a:hover {…}?

    Ik wil dus a {…} EN a:hover {…} definiëren maar in de <a> tag zelf, zonder <style></style> te gebruiken.

    Is dit mogelijk en indien ja, hoe?
  • Volgens w3.org zou dit moeten werken:
    [code:1:cdfb60b7c3]<a href="http://www.w3.org/"
    style="{color: #900}
    :link {background: #ff0}
    :visited {background: #fff}
    :hover {outline: thin red solid}
    :active {background: #00f}">…</a>[/code:1:cdfb60b7c3]
    Wel proberen met een echte browser

    wimb
  • [quote:304856fee2]Wel proberen met een echte browser[/quote:304856fee2]

    Wat bedoel je met een ECHTE browser?
  • Voor mij is er maar 1 "echte browser" en dat is Firefox

    wimb
  • De code die WimB gaf werkt niet in IE en ook niet in Mozilla (meer browsers heb ik niet).

    Weet nog iemand anders raad?
  • Doe het dan ook goed.

    [code:1:5d28d93ffc]/* css */
    .andereLink {color: #900}
    .andereLink:link {background: #ff0}
    .andereLink:visited {background: #fff}
    .andereLink:hover {outline: thin red solid}
    .andereLink:active {background: #00f}
    [/code:1:5d28d93ffc]

    <a href="pagina.html" class="andereLink">klikken</a>
  • [quote:f1941a059d="[m]"]Doe het dan ook goed.

    [code:1:f1941a059d]/* css */
    .andereLink {color: #900}
    .andereLink:link {background: #ff0}
    .andereLink:visited {background: #fff}
    .andereLink:hover {outline: thin red solid}
    .andereLink:active {background: #00f}
    [/code:1:f1941a059d]

    <a href="pagina.html" class="andereLink">klikken</a>[/quote:f1941a059d]Ik zoek een methode waarbij het allemaal in de <a> tag staat, die methode is dus niet goed (heb ik trouwens zelf al vermeld …).
  • [quote:7702c0e352="[m]"]Doe het dan ook goed.[/quote:7702c0e352]
    Dat werkt wel, maar ik dacht dat BelgiumBoy beslist een inline style wilde gebruiken.

    wimb
  • [quote:e358d7cebb="WimB"]Dat werkt wel, maar ik dacht dat BelgiumBoy beslist een inline style wilde gebruiken.[/quote:e358d7cebb]Dat klopt.
  • en waarom?
  • [quote:f761079669="[m]"]en waarom?[/quote:f761079669]Hoe bedoel je?

    Ik zeg gewoon dat het klopt wat WimB zegt…
  • Waarom gebruikt ge een inline style; daarmee loop je de kracht van CSS mis. Waarom inet gewoon een class aan de link toevoegen?? :-?
  • Inline style is onzin. Desondanks: http://www.w3.org/TR/css-style-attr

    Ik hoop dat het nooit een echte specificatie wordt.
  • [quote:3a4cdf45e4="Johnny321"]Waarom gebruikt ge een inline style; daarmee loop je de kracht van CSS mis. Waarom inet gewoon een class aan de link toevoegen?? :-?[/quote:3a4cdf45e4]Het is de bedoeling dat een stuk HTML bovenop een bestaand stuk HTML wordt toegevoegd (om e-mails te kunnen beantwoorden). Er zou daar een link moeten bijgezet worden die een speciale look heeft eigen aan de links van de site maar ik wil vermijden dat de class die ik gebruik toevallig dezelfde class is als reeds aanwezig in het andere stuk HTML … als je snapt wat ik bedoel :-?

    Ik heb het dan toch maar met een class gedaan omdat ik geen andere oplossing vond.

    Ik heb de class "dflmskuqfljmdklqmjfdklmqhlfkmjdklqsmfjdklqmjifdslmhqlfkdmsjqflskdmskqlmjsdklm" genoemd, het moet dan héél straf zijn als hij ook in het andere stuk HTML voorkomt :wink:

Beantwoord deze vraag

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