Just nu i M3-nätverket
Jump to content

Bakgrundsbild till länk


.sun

Recommended Posts

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?

 

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...