FAQ |
Kalender |
2009-12-06, 21:58 | #1 | ||
|
|||
Har WN som tidsfördriv
|
Hejsan!
har ett problem med padding i textbox, det funkar klockrent i Chrome, men i firefox blir det fel (kolla bifogad bild) CSS: Kod:
background: #ffffff url(globe_field.png) no-repeat left center; padding: 7px 45px; width: 320px; height: 27px; border: 1px #b1b1b1 solid; float: left; font-size: 14px; font-weight: bold; med vänliga hälsningar! //Philip Andersson! |
||
Svara med citat |
2009-12-06, 22:34 | #2 | |||
|
||||
Klarade millennium-buggen
|
Du kanske behöver skriva ut alla mått i paddingen.
padding: 7px 45px 0px 0px; (top, right, bottom, left) |
|||
Svara med citat |
2009-12-06, 22:40 | #3 | ||
|
|||
Mycket flitig postare
|
|||
Svara med citat |
2009-12-06, 22:54 | #4 | ||
|
|||
Har WN som tidsfördriv
|
när jag googleade fick jag oxå upp detta svar. men utan resultat i firefox, fast kan problemet vara att jag använder den "inbyggda" firefoxen till ubuntu 9.10 ? kanske är en annan version!
|
||
Svara med citat |
2009-12-07, 08:46 | #5 | ||
|
|||
Klarade millennium-buggen
|
Citat:
|
||
Svara med citat |
2009-12-07, 08:52 | #6 | ||
|
|||
Medlem
|
Vad händer om du lägger till en rad med line-height : 27px
|
||
Svara med citat |
2009-12-07, 17:11 | #7 | ||
|
|||
Flitig postare
|
ett ytterligare tips är att använda text-indent för att "komma förbi" bakgrundsbilden
dvs text-indent:<bakgrundsbildens bredd + 5px> |
||
Svara med citat |
2009-12-15, 12:13 | #8 | |||
|
||||
Mycket flitig postare
|
Jag gillar den här lösningen (kanske inte är ett alternativ i ditt fall, men)
CSS: Kod:
.iconGlobe {padding: 10px 15px 10px 40px; background: transparent url(globe_field.png) no-repeat center left;} .textBox {padding:1em;} Kod:
<div class="textBox"> <span class="iconGlobe">Din text här</span> </div> |
|||
Svara med citat |
Svara |
|
|