8 svar · 324 visningar · startad av Percy
hej, min bildlänk ser ut enligt följande just nu:
<a class="PictureLink" href="ShowArticle.asp?ArtId=346"><img src="images/346.jpg" width="70" height="70" border="1"></a>
och class:en PictureLink:
a.PictureLink
{
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
color: #2000000;
border-color: #000000;
text-decoration: none;
border-color: #000000;
}
jag vill ha en svart ram runt bilden som är 1px tjock. men nu så har den först mörkblå innan man klickat på den och sedan lila dvs standardfärger för en länk. vad måste jag skriva för att ramen skall vara svart hela tiden?
tack på förhand
Du borde ju kunna göra så här
[red]
<a class="PictureLink" href="ShowArticle.asp?ArtId=346"><img src="images/346.jpg" width="70" height="70" border="1" bordercolor="black"></a> [/red]
Men det finns nog nått sett att göra det med css osso.....men sånt kan inte jag :)
Testa att skriva så här:
a.PictureLink:link, a.PictureLink:visited, a.PictureLink:active {
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
color: #2000000; /* « Vilken färg är det här? */
border-color: #000000;
text-decoration: none;
}
Varför inte:
<style type="text/css">
.PictureLink{
border: 1px solid #000;
}
</style>
<a href="#">
<img src="knapp_over.gif" alt="knapp" width="118" height="59" class="PictureLink">
</a>
Tor, får det fortf. inte att fungera :- (
den visar samma irriterande lila färg..
Vill som sagt ha detta i min css-fil så att jag slipper gå och ändra på fler än ett ställe om jag vill göra div. ändringar!
tack på förhand!
I CSS:en »
.bildRam {
border: #000000 1px solid;
}
I HTML-filen »
<a href="sida.html"><img class="bildRam" src="bild.gif"></a>
fungerar inte heller, vill endast ha 1px svart ram, inget annat.
kolla in följande sida så ser du hur det ser ut, ser helt epa ut.
Koden som jag skrev ger ju alla bilder (som är av klassen "bildRam") en pixels svart ram. :q
Till att börja med - du måste kolla din html-kod - du har bland annat dubbla body och head och felaktigt nästlade tabeller (men det är ett annat problem), och sedan har du inte ändrat i stylesheetet som vi har föreslagit, ditt stylesheet är:
a.PictureLink
{
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
color: #000000;
border: #000000 1px solid;
text-decoration: none;
}
När den borde vara:
.PictureLink {
border:1px solid #000000 ;
}
Ta alltså bort a. Om du ska skriva enligt webbstandards så ska du ändra ordningen:
border: #000000 1px solid;
till
border:1px solid #000000 ;