W westis Medlem sedan juli 2005 17 inlägg Frågan 18 juli 2005 18:00 #1 Hejsan,
Varför försvinner inte ramen under bilden på den här sidan: http://www.oppnakanalen.se/vaxjo/aspbb/topic.asp?COMMAND=GOTOLAST&TID=7
I CSS-filen har jag följande kod vad gäller länkar:
a {
color: #000;
text-decoration: none;
border-bottom: 1px dotted;
}
* html a {
border-bottom: none;
padding: 1px;
background: url(../../design-filer/background-dots.gif) repeat-x bottom;
}
a img {
border: 0;
border-style: none;
}
a:hover {
text-decoration: none;
border-bottom: 1px solid;
color: #486498;
}
a img-taggen borde ju göra så att alla ramar runt bilder som är länkar försvinner...
Hela css-filen finns här: http://www.oppnakanalen.se/vaxjo/aspbb/style/ASPBB_default_css.css
S SimonG Medlem sedan maj 2000 444 inlägg Re: Ta bort ram runt länkad bild
westis skrev:
under bilden på den här sidan: http://www.oppnakanalen.se/vaxjo/aspbb/topic.asp?COMMAND=GOTOLAST&TID=7
Under vilken bild? LÄNK?
W westis Medlem sedan juli 2005 17 inlägg Den enda bilden som visas för de som inte är registrerade är den som det står "Länk" på, i det blå fältet under själva inlägget.
S SimonG Medlem sedan maj 2000 444 inlägg
westis skrev:
Den enda bilden som visas för de som inte är registrerade är den som det står "Länk" på, i det blå fältet under själva inlägget.
ok? Och det är den som har en "ram" som du vill ha hjälp med då?
W westis Medlem sedan juli 2005 17 inlägg Yep, man kan se en streckad linje under. Det är så jag markerar länkar i forumet, med en streckad linje (border-bottom: 1px dotted). Och av någon anledning så kan jag inte få bort border-bottom från bilder som är länkar.
I Insider Medlem sedan jan. 2000 978 inlägg Jo, du får visst bort din border på bilder som är länkar.
Du får sätta en klass på länken runt bilden istället.
W westis Medlem sedan juli 2005 17 inlägg Ah, great! Trodde att <a img>-elementet tog bort ramen runt just de länkar som är bilder. Men la till en klass (.noborder) och la in den i länk-taggen som du sa, då funkar det fint!
Tack!
I Insider Medlem sedan jan. 2000 978 inlägg Selektorn a img {},bilder som ligger inom en länktagg.
W westis Medlem sedan juli 2005 17 inlägg Ok. Jag håller på att sätta mig in mer och mer i css-begreppen och hur css fungerar. Tack för svaret, nu vet jag hur länkar och bilder funkar! :-)
W westis Medlem sedan juli 2005 17 inlägg Hmm, en fråga till. Hur får jag bort hovereffekten på bilderna? Hjälper inte med border-style: none i noborder-klassen.
I icaaq Medlem sedan okt. 2000 5 273 inlägg [red]
.noborder, a.noborder:hover{
border: none;
}
[/red]
mv icaaq
W westis Medlem sedan juli 2005 17 inlägg Kalas! Tack!
Jag försökte med
.noborder a:hover
Gäller att hålla reda på vad som ärver vad i css... Och det är ju klart, noborder-klassen la jag ju i <a>-taggen...
