webForumDet fria alternativet

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

HTML & CSS

23 svar · 1 321 visningar · startad av wally_91

Medlem sedan feb. 2006511 inlägg
Frågan#1

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;
	}
Medlem sedan aug. 20068 090 inlägg
#2
#ingena a {
text-decoration:none
}

borde väl funka?

Medlem sedan feb. 2006511 inlägg
#3

Danne V skrev:

#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?

Medlem sedan aug. 2001145 inlägg
#4

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.

Medlem sedan dec. 20042 245 inlägg
#5
img { border-style:none; }
Medlem sedan aug. 20068 090 inlägg
#6

wally_91 skrev:

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....

Medlem sedan aug. 20051 448 inlägg
#7

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

a img {
border:none
}
Medlem sedan feb. 2006511 inlägg
#8

Hmm, hittills har inget fungerat... :(

Medlem sedan aug. 20068 090 inlägg
#9

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>
Medlem sedan feb. 2006511 inlägg
#10

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...

Medlem sedan feb. 2006511 inlägg
#11

Kom på nu att det kanske ska vara

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

Medlem sedan aug. 20068 090 inlägg
#12

wally_91 skrev:

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?

Medlem sedan feb. 2006511 inlägg
#13

Danne V skrev:

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!

Medlem sedan feb. 2006511 inlägg
#14

Inga idéer? :q

Medlem sedan aug. 20051 448 inlägg
#15

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

Medlem sedan aug. 20068 090 inlägg
#16

caya skrev:

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

Postat 04.27 en fredagmorgon? :q :birp

Medlem sedan feb. 2006511 inlägg
#17

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

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

Medlem sedan juni 20019 519 inlägg
#18
a#ingena {
text-decoration:none
}

då?

Medlem sedan aug. 20051 448 inlägg
#19

Danne V skrev:

Postat 04.27 en fredagmorgon? :q :birp

hehe
ja? verkar det konstigt?

jag somnade 06:00 imorse...

Medlem sedan juni 20019 519 inlägg
#20

caya skrev:

hehe
ja? verkar det konstigt?

jag somnade 06:00 imorse...

Offtopic: Och gick upp nu? :P

251 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
118 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
118 ms — ändringar (db)