Hoe lijntje onder HTML-link +aten verdwijnen

Status
Niet open voor verdere reacties.
J

JaapJvanVeen

Gebruiker
Lid geworden
9 nov 2002
Berichten
844
Ik ben nog van het oude stempel die pagina's nog helemaal handmatig opbouwt. Geleerd vanuit DCF, Script, superscript etc.

Als ik een HTML link in mijn document heb staan, komt er een lijntje onder de naam van de link. Ik zie veel links op het internet zonder dat lijntje. Hoe krijg ik dat lijntje weg?

Met dank,

Jaap
 
het is niet zo ingewikkeld,
al moet ik er bij zetten dat mensen dan minder snel zien dat ze er op kunnen klikken,
als hiernaast onder mijn naam geen lijntje stond had niemand erop geklikt

ik weet niet of je css kan maar dit kun je ik de <head> van je pagina zetten.
<STYLE type="text/css">
<!--
A{text-decoration: none;}
-->
</STYLE>
Klik om te vergroten...
dan zijn alle links zonder lijn, wil je het maar bij een paar links doe je het:
<a href="www.helpmij.nl" style="text-decoration: none;">link zonder lijntje</a>
Klik om te vergroten...

ps, ik schrijf mijn scripts ook gewoon zelf (behalve dat deel dat ik van internet haal :D)
 
Laatst bewerkt:
ecross zei:
het is niet zo ingewikkeld,
al moet ik er bij zetten dat mensen dan minder snel zien dat ze er op kunnen klikken,
als hiernaast onder mijn naam geen lijntje stond had niemand erop geklikt

ik weet niet of je css kan maar dit kun je ik de <head> van je pagina zetten.

dan zijn alle links zonder lijn, wil je het maar bij een paar links doe je het:


ps, ik schrijf mijn scripts ook gewoon zelf (behalve dat deel dat ik van internet haal :D)
Klik om te vergroten...



Fijn, bedankt, zijn we weer een stapje verder.

Jaap
 
... en als je bij sommige wel een onderstreping wilt, en bij andere niet, dan maak je in css een "class" aan met een naam en een puntje ervoor:
Code: 
[FONT="Courier New"][SIZE="2"]<style type="text/css">
.zonderlijn {
   text-decoration: none;
   }
</style>[/SIZE][/FONT]
En in de html komt dan (met de naam zonder het puntje):
HTML: 
<p><a href="...">Link met onderstreping</a></p>
<p><a class="zonderlijn" href="...">Link zonder lijntje</a></p>
<p><a href="...">Weer gewone link met onderstreping</a></p>
<p><a class="zonderlijn" href="...">Tweede link zonder lijntje</a></p>
<p><a class="zonderlijn" href="...">Derde link zonder lijntje</a></p>
Zo heb je de keuze.
Om bij weglaten van link-onderstreping (zou ik eigenlijk niet doen; het is een soort ongeschreven wet dat links onderstreept zijn, en dat wat niet onderstreept is, dus géén link is) toch een visueel verschil met gewone tekst te maken, kan je een andere tekstkleur opgeven. Dat kan in dezelfde css-instructie. Bv. als de normale tekstkleur groen is:
Code: 
[FONT="Courier New"][SIZE="2"]<style type="text/css">
.zonderlijn {
   text-decoration: none;
   color: red;
   }
</style>[/SIZE][/FONT]
Onderstrepen èn een andere kleur is het meest opvallend: zie hieronder! ;)

Met vriendelijke groet,
CSShunter
 
csshunter zei:
... en als je bij sommige wel een onderstreping wilt, en bij andere niet, dan maak je in css een "class" aan met een naam en een puntje ervoor:
Code: 
[FONT="Courier New"][SIZE="2"]<style type="text/css">
.zonderlijn {
   text-decoration: none;
   }
</style>[/SIZE][/FONT]
etc............


Met vriendelijke groet,
CSShunter
Klik om te vergroten...


Bedankt, ik doe dit niet zo vaak en ik was de validator kwijt. Goede hint.

Jaap
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan