10 svar · 356 visningar · startad av maqe
Hur gör man får att flytta in bakgrunden så att jag får vitt mellan mina borders precis som det är uppe och nere?
Vet inte riktigt....
...hur du menar. Den blå rektangeln skall alltid vara centrerad på sidan?
Då skriver du så här:
[CODE]
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" >
.... Din befintliga kod.....
</td>
</tr>
</table>
bhaa, tables?!?!
Vet inte om man kan flytta bakgrunden(tror inte det). Men något i den här stilen skulle jag nog ha gjort
<div style="border: 1px solid black;padding:1px;width:200px;">
<a href="" style="display:block;background-image:url(blue.jpg);padding:2px;color:white;">sidebar</a>
</div>
det jag visar är en p tagg som jag lagt en background-image på. p taggen har även en double border men i firefox så blir bakgrunden synlig inuti border till höger och vänster
Visa oss din kod.
p.header {
background: #fff url('bar_bg.gif') repeat-x;
margin:0;
color: #fff;
border: double 3px #C3C4B1;
padding: 4px 0 0 9px;
height:19px;
font-weight:bold;
font-size:1.1em;
}
Jag antar att du inte vill att bakgrundsbilden ska repeteras i x-led. Ta bort repeat-x. :)
Jag antar att han vill det... ;)
Men det är ett lite trixigt problem, vet som sagt inte om det finns någon bra lösning med ren css. Mitt förslag(fast du byter ut a mot h1-2 bör ju fungera)
<div style="border: double 3px #C3C4B1;height:19px;width:200px;">
<h1 style="margin:0px;background: #fff url('bar_bg.gif') repeat-x;padding: 4px 0 0 9px;color:#fff;font-weight:bold;font-size:1.1em;">
sidebar
</h1>
</div>
'background-position' kanske? :)
Jag har försökt med position men får det inet att fungera.
Jaha, nu förstår jag problemet. Är det fast bredd? I så fall kan du göra bilden så bred som du vill ha den och ange 'no-repeat'. Annars får du nog kläma dit ett extra element tror jag.