Autor | Zpráva | ||
---|---|---|---|
Petra z Votic Profil |
#1 · Zasláno: 30. 8. 2008, 17:06:59 · Upravil/a: Petra z Votic
Mám tři boxy v DIV ( levý, pravý a spodní ). Potřebuji nějak udělat, aby všechny boxy byly celé vyplněny barvou pozadí nebo obrázkem pro pozadí.
Příklad je tady: Odkaz Tady je třeba, aby to modré pozadí pro box right bylo až dolů stejně jako to zelené. Nevíte někdo prosím jak to vyřešit??? Děkuju Kód je tady: <div id="rightcolumn"> <div class="two"> <div class="left"> <ul> <li>POKUS 1</li> <li>POKUS 2</li> <li>POKUS 3</li> </ul> <div class="dole"></div> </div> <div class="right"> <ul> <li>POKUS 4</li> <li>POKUS 5</li> </ul> <div class="dole"></div> </div> <div class="clear"></div> <div class="box-dole"> <ul> <li>POKUS 6</li> </ul> </div> </div><!-- two--> </div><!-- rightcolumn--> #rightcolumn .two {width: 401px; overflow: hidden; font-size: 90%;} #rightcolumn .two .left { width: 200px; float: left; background-color: #33FF00; } #rightcolumn .two .right { width: 200px; float: right; background-color: #0000FF; } #rightcolumn .two .box-dole { width: 400px; background-color: #FF0000; } .dole { background-color: #FF00FF; height: 20px; } .clear { clear: both; } li, ul { margin: 0px; padding: 0px; list-style-type: none; } |
||
panther Profil |
#2 · Zasláno: 30. 8. 2008, 17:08:54
Petra z Votic
ty dva divy obal nějakým dalším divem a tomu dej na pozadí obrázek, který bude mít barevné rozložení jako ty dva boxy (teda pruh vlevo zelený a vpravo modrý), kterému nastavíš repeat-y. Pod druhý box nezapomeň dát element s clear: both;, např <hr style="clear: both;"> |
||
Petra z Votic Profil |
#3 · Zasláno: 30. 8. 2008, 17:50:38
Omluvám se ono je to trochu jinak - ještě tam je vložen jeden div pro left a jeden pro right - v příkladu fialovou barvou.
Příklad ještě jednou: Odkaz Takže to nelze vyřešit tím obrázkem v obalovacím divu. |
||
Nox Profil |
#4 · Zasláno: 30. 8. 2008, 19:24:34
Budou mít fixní nebo flexibilní šířku? V prvním případě můžeš udělat obrázek s rozměry <šířka divu>px x 10px
a ten opakovat na pozadí nadřazeného divu |
||
Časová prodleva: 16 let
|
0