Ha ingen understrykning även fast a finns i css-dokumentet

[wally_91]

Hej alla!

Jag har ett litet problem. I min css-mall har jag a, a:hover och a:visited och nu när jag använder bilder som länkar så får bilderna understrykning också. Jag undrar därför hur jag gör för att få en bild, som är länken, att inte bli understruken (om min css-mall säger så).

Jag har försökt med att skapa en id till <a> men den tar den inte. Provade med style="" men det funkade inte heller (funkar det överhuvudtaget).

<a href="http://validator.w3.org/check?uri=referer" id="ingena"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>




#ingena {
text-decoration: none;
}

a, a.link {
color: #004890;
}

a:visited {
color : #002654;
}

a:active, a:hover {
color : #ffffff;
background: #004890;
text-decoration: none;
}

[Danne V]

#ingena a {
text-decoration:none
}
borde väl funka?

[wally_91]

#ingena a {
text-decoration:none
}
borde väl funka?

Har försökt, men måste då fråga om <a id="ingena"... verkligen funkar?

[Dies_Irae]

de e inte så att de är borden på bilden du ser och inte en understykning?
prova sätta <img style="border: 0px;" .... och se hur de ser ut.

[zcorpan]

img { border-style:none; }

[Danne V]

Har försökt, men måste då fråga om <a id="ingena"... verkligen funkar?
Nej nej nej, ändra inte koden, utan bara CSS.
#ingena a {
}
syftar på varje a-tag "under" id:t "ingena" vilket ju bara är bilden.

Å andra sidan funkar ju zcorpans förslag, även om det påverkar andra bilder som du kanske VILL ha en border runt....

[caya]

detta är ju också ett alternativ, lägg det efter dina övriga a specifikationer i cssen

a img {
border:none
}

[wally_91]

Hmm, hittills har inget fungerat... :(

[Danne V]

Ah, jag tror jag ser vad problemet är: Det är nog inte en underline du ser, utan kanske bakgrundsfärgen du har vid hover eftersom delar av bilden är transparent och bakgrundsfärgen syns där.

Du måste nog göra tvärtom, att formatera de generella a-taggarna så att dom passar bilden (utan bakgrund, utan underline, etc) och sedan göra separata a-taggar för t.ex. p eller varhelst du kan tänkas behöva dom.

Förresten står det a, a.link i din stilmall. Det ska nog vara a, a:link (kolon istället för komma)

Alltså nåt sånt här:

a {
text-decoration: none;
}
p a {
color: #FF0000;
text-decoration: underline;
}
p a:visited, p a:hover {
color: #999999;
text-decoration: underline;
}

och så här:
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" style="border:none" /></a>

[wally_91]

Danne V: Okej, får ta och lösa det imorgon. Har blivit lite trött på det efter så mycket arbete pga både det här men även de jäkla divarna som inte vill komma rätt...

[wally_91]

Kom på nu att det kanske ska vara

#ingena hover {border: none; text-decoration: none;}

[Danne V]

Kom på nu att det kanske ska vara

#ingena hover {border: none; text-decoration: none;}
Nej.
Kan du tänkas ge oss en länk till sidan så att vi får se ALL kod?

[wally_91]

Nej.
Kan du tänkas ge oss en länk till sidan så att vi får se ALL kod?
Varför inte?
http://waldemar.awardspace.com/denya/index.html

Ser inget vidare ut i Fx men i IE ser det lite bättre ut. Har två olika css-mallar men har inte orkat ändra båda.

Tänkte smyga in en liten fråga om varför innehållet i höger diven kommer under mitten diven och hur man gör för att den högra ligger på samma plats som den vänstra och mittersta (sett i IE). Tack!

[wally_91]

Inga idéer? :q

[caya]

orka ändra båda stilmallarna först ;)

[Danne V]

orka ändra båda stilmallarna först ;)
Postat 04.27 en fredagmorgon? :q :birp

[wally_91]

caya: Jaja, det tar lite tid det här...

Har ni några förslag då? :d

[voigtann1]

a#ingena {
text-decoration:none
}då?

[caya]

Postat 04.27 en fredagmorgon? :q :birp
hehe
ja? verkar det konstigt?

jag somnade 06:00 imorse...

[voigtann1]

hehe
ja? verkar det konstigt?

jag somnade 06:00 imorse...
Offtopic: Och gick upp nu? :P

[caya]

Offtopic: Och gick upp nu? :P
fortsätter med OT: nej jag gick upp vid elva...

[Danne V]

fortsätter med OT: nej jag gick upp vid elva...
Ytterligare OT: Det gjorde jag med. Vid Klarelva.
(Förlåt dåligt skämt. Kunde inte låta bli.)

[tanten]

Tänkte smyga in en liten fråga om varför innehållet i höger diven kommer under mitten diven och hur man gör för att den högra ligger på samma plats som den vänstra och mittersta (sett i IE). Tack!
Om du sätter float:left; på din #primary-content
så borde #right flyttas upp.

[wally_91]

tanten: Det funkade bra det!
voigtann1: Jag utvecklade ditt förslag till


a#ingena {
text-decoration: none;
color: none;
background: none;
}


och det fungerar!

TACK ALLA för era förslag!