Link rond image niet zichtbaar maken

Door mottigenhond op 06-05-2007 16:49

1.159 views

Ik heb bv een link rond een image


<a href="index.php"><img src="images/home.png" alt="Home" width="143" height="32" border="0" class="firstbutton" /></a>

en daarbij het stukje css:


a:link
{
	color: #666666;
}

a:visited 
{
	color: #666666;
}

a:hover
{
	color: #666666;
}

a:active
{
	color: #666666;
}

maar dat mag niet zichtbaar zijn, maw, er mag geen grijze kader rond zijn

met welk lijntje css kan dit verholpen worden?

Onbekende gebruiker

06-05-2007 16:51

Ehm wat dacht je van border: 0px;?

mottigenhond

06-05-2007 16:54

thx, gelukt, in de img-tag border 0 gezet :p

Jac van der Linden

07-05-2007 10:21

Van de class zou ik een id maken als het alléén deze button betreft dus: id="firstbutton", een class is veel algemener.
Verder in de css sheet als volgt de links instellen:
#firstbutton a: {enz}
#firstbutton a:link {enz}
#firstbutton a:visited {enz}
#firstbutton a:hover {enz}
#firstbutton a:active {enz}

Vincent

07-05-2007 22:49

Om hier even op door te gaan.
Als ik een link om een plaatje heb, heb ik er zo een grijze stippellijn omheen wanneer je erop geklikt hebt. Is dat weg te krijgen. Border op none of 0px zetten in img of a tag heeft geen effect.

Josh

07-05-2007 23:03

@Vincent: Gebruik in je css

outline:none;

Vincent

11-06-2007 00:37

Even een schopje.
Merkte zojuist dat dat in IE niet goed werkt. :(

Reageren

Inloggen om te reageren