webForumDet fria alternativet

Justering i höjd inom span

HTML & CSS

2 svar · 176 visningar · startad av Insider

Medlem sedan jan. 2000978 inlägg
Frågan#1

Jag har en bildlänk som ligger i en <span>.

<span class="pdf_img"><a href="#"><img src="icon_pdf.gif" />PDF</a></span>

Jag lyckas inte få till en justering så att bilden och texten som är en länk hamnar mitt i span:en, vertikalt.
SPAN:en kan vara hur hög som helst och är i övrigt tom.

Har trixat med vertical-align:text-middle m.m.... men jag missar nåt.

Medlem sedan mars 2001895 inlägg
#2

Börja med att ta bort "_" i classnamnet.

Ett alternativ är att lägga till följande (om det är vad du menar):

<img src="icon_pdf.gif" align="absmiddle">

Annars, om du har en bestämd höjd kan du använda padding:

padding: 10px 0 10px 0;
...
<img src="icon_pdf.gif" width="10" height="10"> PDF

Sist nämnda har jag satt classen till height: 30px och bilden till 10...

Medlem sedan jan. 2000978 inlägg
#3

Jahaja, man får inte ha klassnamn med "_"
Fast IE tolkar ändå klasserna rätt.

Angående mitt problem så inser jag att det är ett onödigt pillande för en så liten grej. Men ditt svar verkade vara på rätt väg efter att jag testat.
Men jag lägger ner det nu. :)

270 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
130 ms — ändringar (db)