8 svar · 719 visningar · startad av rollo
Hej!
Finns det något sätt att få bakgrundsbilden att "strecha" i en TD cell?
Dvs att den ändrar storlek efter höjden på cellen?
Koden jag använder är
<td width="150" valign="top" height="100%" style="menubgr" id="menubgr">
samt
#menubgr {
background: url(/rollo/bilder/bg_submenu.gif)
}
rollo
#menubgr {
background: url(/rollo/bilder/bg_submenu.gif) repeat-y;
}
Tyvärr så hjälpte det inte, utan bilden slutar fortfarande mitt i cellen
ibland verkar det som det funkar bättre om man skriver
#menubgr {
background: url(/rollo/bilder/bg_submenu.gif);
background-repeat:repeat-y;
}
hmm...
den här då
#menubgr {
background: url(rollo/bilder/bg_submenu.gif);
background-repeat:repeat-y;
}
Rollo, det har kanske inget med just det här problemet att göra, men din kod är felaktig.
<td width="150" valign="top" height="100%" [s] style="menubgr"[/s] id="menubgr">
style="" ska innehålla CSS-kod och det den innehåller nu är inte korrekt CSS.
Hursomhelst var det ingen som läste frågan ordentligt. Med "stretcha" menar rollo antagligen inte "repeat".
Rollo vill att bakgrundsbilden ska ändra storlek.
Som svar på frågan:
Nej, det finns inget sätt i css att få en bakgrundsbild att ändra storlek.
Alternativet som finns om man verkligen vill få en bild att ändra storlek efter något annat är att använda ett img-element:
html:
<td>
<img id="bakgrunden" src="bilden.png">
</td>
css:
img#bakgrunden
{
width: bildens bredd;
height: 100%;
}
Men detta är inget som garanterat fungerar
Det här kanske går att modifiera på något bra sätt? :)
