FAQ |
Kalender |
2006-07-28, 23:34 | #1 | |||
|
||||
Mycket flitig postare
|
Jag vill sätta en bakgrund på en länk.
Bilden jag ska andvända är width : 116px - height : 29px. Jag får altså bara bakgrundsbilden smal som texten inte 116x29. i htmlfilen ser kåden ut såhär Kod:
<div class="top_menu_top"> <ul> <li><a href="#">länk 1</a></li> <li><a href="#">länk 2</a></li> <li><a href="#">länk 3</a></li> <li><a href="#">länk 4</a></li> </ul> </div> och cssen ser ut såhär Kod:
.top_menu_top UL { padding : 25px 0px 0px 0px; margin : 0px; } .top_menu_top li { background-image : url(img/menu_knapp_stangd.gif); background-position : top; background-repeat : no-repeat; width : 106px; height : 29px; display : inline; list-style-type : none; text-align : center; padding-right : 2px; padding-left : 2px; list-style-position : inside; } .top_menu_top A { vertical-align : middle; font-size : 11px; font-weight : bold; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; width : 116px; height : 29px; text-align : center; color : Black; padding-top : 8px; text-decoration : none; } |
|||
Svara med citat |
2006-07-29, 01:47 | #2 | ||
|
|||
Medlem
|
om du sätter display:block på .top_menu_top A?
För att kunna bestämma bredd och höjd måste elementet vara fast. |
||
Svara med citat |
2006-07-29, 03:04 | #3 | |||
|
||||
Mycket flitig postare
|
Då hamnar länkarna under varandra så det funkar inte
|
|||
Svara med citat |
2006-07-29, 03:13 | #4 | |||
|
||||
Mycket flitig postare
|
Varför sätter du då:
Citat:
(använd istället li {float: left;} och skapa om nödvändigt en * html lösning för trilskande IE) (och om jag får gnälla lite, varför skriver du A och UL med stora bokstäver, samt varför ett blanksteg efter namndeklarationen? sådant kan ställa till det i vissa fall.) Jag skulle stark råda till att utveckla i Firefox och se till att det fungerar bra där först eftersom IE oftast beter sig annorlunda (än i stort sett alla andra webläsare och html/css-standarden) och man enkelt kan göra speciallösningar för IE i efterhand. |
|||
Svara med citat |
2006-07-29, 20:26 | #5 | |||
|
||||
Mycket flitig postare
|
Tack för tippset.. verkar funka perfekt!
Jag skiver A och UL med stora bokstäver för att min css editor (TopStyle 2) skiver det. Citat:
Jag i utveckla Firefox men kolla kontinueligt i IE också. |
|||
Svara med citat |
2006-07-29, 20:35 | #6 | |||
|
||||
Mycket flitig postare
|
Citat:
display : none; istället för display: none; eller display:none; (Den undre är det mer "vanliga" sättet att skriva och det blir ju också lite kompaktare, men det här är kanske något din editor gör automatiskt... Och det spelar väl kanske, ärligt talat, ingen större roll.) |
|||
Svara med citat |
2006-07-29, 21:59 | #7 | |||
|
||||
Mycket flitig postare
|
Spelar a och A någon roll?
|
|||
Svara med citat |
Svara |
|
|