webForumDet fria alternativet

Ta bort border under bild som är länk?

HTML & CSS

23 svar · 987 visningar · startad av maqe · sida 2 av 2

Frågan, av maqe

När jag lägger in en länk så väljer jag att skriva ut en ikon framför länken som visar vilket format dokumentet har som jag länkar in. Ikonen tillhör länken och under alla mina länkar har jag understrykning men under ikonen skulle jag vilja ta bort bordern. hur gör jag för att komma åt en img som är en länk?

Läs frågan i sin helhet →
Medlem sedan apr. 200312 679 inlägg
#21

Kunde du inte lägga pdf-bilden utanför länken då? Eller du kunde inte det kanske...

<div><img alt="bla bla" src="bild.gif" border="0" /> <a title="bla bla" href="#" target="">Ladda ned bild</a></div>

r\ Ah, så skrev du precis att du inte kunde... :) Kan du inte gå in i källkoden och ändra då? :)

Medlem sedan jan. 2000978 inlägg
#22

maqe skrev:

Hm jag får nog göra på nått annat sätt eller skippa understrykningar. Jag kan inte göra något åt koden jag skall ändra med css. mao jag kan inte flytta ut ikonen till css:en istället. All den koden måste vara intakt som den är nu men jag vill inte ha någon border under ikonen. Dock verkar det inte som att det går eftersom bilden tillhör länken. och jag kan inte påverkas länkens border enbart under bilden.

Du kanske missförstod mig, men du behöver inte använda en bild som bakgrund.
Du får ju ett vanligt understreck som default.
Med min kod från tidigare inlägget ser det ut som du vill ha det, när jag laddar in den på sidan du länkar till.

div {
	margin-left:28px;
}

img {
	margin-left:-28px;
	margin-right:8px;
}

a img {
	border:0 none
}
Medlem sedan dec. 2003824 inlägg
#23

Insider skrev:

maqe skrev:

Hm jag får nog göra på nått annat sätt eller skippa understrykningar. Jag kan inte göra något åt koden jag skall ändra med css. mao jag kan inte flytta ut ikonen till css:en istället. All den koden måste vara intakt som den är nu men jag vill inte ha någon border under ikonen. Dock verkar det inte som att det går eftersom bilden tillhör länken. och jag kan inte påverkas länkens border enbart under bilden.

Du kanske missförstod mig, men du behöver inte använda en bild som bakgrund.
Du får ju ett vanligt understreck som default.
Med min kod från tidigare inlägget ser det ut som du vill ha det, när jag laddar in den på sidan du länkar till.

div {
	margin-left:28px;
}

img {
	margin-left:-28px;
	margin-right:8px;
}

a img {
	border:0 none
}

Jag trodde att jag var tvungen att ta bort understrecken på alla länkar för att få detta att fungera men jag kan ju ta bort border-bottom bara på dom länkarna så fungerar det som man vill. Jag testade i lite dummy kod men jag ska prova ordentligt med. Återkommer

Medlem sedan dec. 2003824 inlägg
#24

Problemet här är att jag på min a tagg har border-bottom: #enfärg. Anledningen till att jag vill och måste "tror jag" använda border-bottom är att jag vill ha en annan färg på mitt understreck än vad texten har. Jag hade ju kunnat använda text-decoration istället men då får jag bara samma färg som på texten. Alltså ta bort border-bottom på a taggen är uteslutet om jag inte kan använda en background istället och få en padding på bakgrunden som motsvarar 16px?

264 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)