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)

Geen underline bij link

Drewster
8 antwoorden
  • Dag allemaal,

    Ik wil graag een header tekst ook laten doorlinken. Hierbij is belangrijk dat het format behouden blijft, en er dus geen underline bij komt. De huidige header ziet er als volgt uit:

    <h2 style="margin: 0; padding: 0; margin-top: 20px; font-family: Arial, Helvetica, Verdana, Sans-Serif;font-size: 15px;font-weight:bold;color: #FF6600;" id="ItemTitle">Titel</h2>

    En ik heb het volgende tevergeefs geprobeerd:

    <h2 style=";text-decoration:none ; margin: 0; padding: 0; margin-top: 20px;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-size: 15px;font-weight:bold;color: #FF6600;" id="ItemTitle"><a href="http://www.linknaartitel.nl/"><font color="#ff6600">Titel</font></a></h2>
  • [i:7ebf78be96]Text-decoration[/i:7ebf78be96] is een eigenschap van een link* en niet van een header. Je bent er dus bijna, maar je moet de stijl op het goede element toepassen.

    - Bas

    [size=9:7ebf78be96]* Eigenlijk is het een eigenschap van alle elementen die tekst kunnen bevatten, maar een link is het enige element dat standaard onderstreping heeft.[/size:7ebf78be96]
  • Misschien klinkt het een beetje 'noob' maar hoe moet de code er dan uitzien?
  • Waar het om gaat, is dat niet zozeer de [b:45d004ae90]h2[/b:45d004ae90] een underline krijgt, maar de [b:45d004ae90]a[/b:45d004ae90] die een underline krijgt. Daar moet je hem dus uitzetten:

    [code:1:45d004ae90]<h2 style="margin: 0; padding: 0; margin-top: 20px;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-size: 15px;font-weight:bold;color: #FF6600;" id="ItemTitle"><a href="http://www.linknaartitel.nl/" style="text-decoration: underline; color: #ff6600";>Titel</a></h2>[/code:1:45d004ae90]
    Waarbij ik meteen zoals je kunt zien de font-color in het stijl-attribuut heb opgenomen in plaats van er een apart element van te maken.
  • De TS wilde toch juist de underline weg hebben?
    [code:1:55e0ddd8c9]<h2 style="margin: 0; padding: 0; margin-top: 20px;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-size: 15px;font-weight:bold;color: #FF6600;" id="ItemTitle"><a href="http://www.linknaartitel.nl/" style="text-decoration: none; color: #ff6600";>Titel</a></h2>[/code:1:55e0ddd8c9]
  • Ach ja, tuurlijk. Foutje, bedankt. 8)
  • Ja, en eigenlijk moet al die meuk niet in je html maar in een los style sheet bestandje staan. Dan krijg je ook niet lijsten met verwarrende tekst in je markup en hou je het een beetje oversichtelijk.

    Dan ga je natuurlijk zeggen dat je nog maar een beginnen bent en je het niet allemaal te moeilijk wilt doen en dan zeg ik dat juist [u:9d5637cd15]omdat[/u:9d5637cd15] je een beginnen bent je het meteen goed moet doen om dit soort zooi te voorkomen.
  • Misschien heb je iets aan deze URL: http://htmldog.com/guides/cssbeginner/

Beantwoord deze vraag

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