Just nu i M3-nätverket
Gå till innehåll

Bakgrundsbild till länk


.sun

Rekommendera Poster

Mha CSS vill jag ha en bakgrundsbild till mina länkar. Så jag knackar in följande:

 

a {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight: bold;

line-height: 30px;

color: #FFFFFF;

text-decoration: none;

background-image: url(../images/links/bg.gif);

}

 

Länktexten ska alltså vara 10 px sans-serif, o eftersom bakgrundsbilden är 30 px hög har jag satt radhöjden till 30 px. Ändå, när jag testar så visas bara bakgrundsbild där jag har text, alltså ca 10 px högt.

 

Hur får jag webbläsaren att visa hela bakgrundsbilden?

 

Länk till kommentar
Dela på andra webbplatser

Testa detta:

 

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
padding:10px 0 8px 0;
color: #FFFFFF;
text-decoration: none;
background-image: url(../images/links/bg.gif);
}

 

Funkar bra här i Firefox och Explorer.

 

Dock, det där med fonter och pixlar funkar inte så bra ihop. T ex FireFox kan visa texten större eller mindre och då blir det fel ändå.

 

[inlägget ändrat 2004-11-10 00:32:39 av lizardKng]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...