Autor Zpráva
juan
Profil *
dovedl by mi nekdo poradit, jak radit objekty v teto ukazce http://www.juanito.webz.cz/floatproblem.html ZA SEBE HOROZONTALNE DO JEDNE RADY? predpoklad je, ze nikdy nebudu vedet kolik tech objektu bude a jakou budou mit sirku, ale vyska bude stale stejna. diky za kazdou radu.
peta
Profil *
mas to floatovani nespravne napsane
http://jakubik.webz.cz/klub.htm
- musis tam mit inline-block
- a musis tam mit clear prvek
/I-B
/float/
/float/
/C /
/
- ty mezery muzes marginem, floatovany prvek se chova jako display:block, viz float na jakpsatweb
juan
Profil *
muzes mi to vysvetlit primo na tom mym prikladu? moc jsem te nepochopil ... diky
Fred
Profil
Nastav šířku body a html na víc než sto procent, takhle se to tam jednoduše nevejde.
Fred
Profil
jo a tomu bodyboxu taky

body{overflow-x:scroll}
html,body{margin:0;padding:0;width:1000%;}
#bodybox {position: absolute; top: 120px; left: 0px; width: 1000%; height: 250px; background-color: #FFFFFF;}
peta
Profil *
juan
zkopiruj si styl z tama a zdrojak, to je tak jednoduse napsane, ze to musis pochopit
http://jakubik.webz.cz/klub.htm
juan
Profil *
kdyz nastavim sirku na 1000%, tak se sice objekty zarovnaji do radky, ale k tomu tam pribude tech X-set procent bilyho prazdnyho mista do konce ty nastaveny sirky (1000%), ze jo :)
mozna jsem to nenapsal dost presne: tedy objekty zarovnany do jedny radky a sirka stranky rovna souctu sirek vsech umistenych objektu v te radce (a to se predem nevi, kolik jich bude)
juan
Profil *
zkopiruj si styl z tama a zdrojak, to je tak jednoduse napsane, ze to musis pochopit
http://jakubik.webz.cz/klub.htm[/i]

myslim, ze se dobre nechapeme, ja - jak jsem psal vyse - chci dosahnout toho, aby se floatovany objekty radily za sebe, a ne aby se "zalamovaly" podle sirky okna browseru, coz prave na tvym prikladu je - pokud zmensis okno, loga sponzoru se poskladaj pod sebe, ze jo, ale ja resim to, aby zustaly v ty jedny radce, at je vokno jakkoli velky :)
Fred
Profil
juan
No a kde se berou ty čtverce? Jestli z php doplňuj tu šířku do css taky z php, počet čtverců *276+px

*{margin:0;padding:0; }
#bodybox{position:absolute;top:120px;left:0;width:<? neco ?>;height:250px;line-height:250px;background-color:#fff;}
.box{float:left;width:263px;height:250px;background:#000;color:#fff;}
.mezera{float:left;width:13px;height:250px; background:#ff5623;}
juan
Profil *
to jako, jo, to mas pravdu :) , horsi je, ze ty objekty budou mit - jak jsem psal - promennou sirku a budou tam treba i fotky, u kterych uz vubec nevim, jakou budou mit sirku a nevim, kolik ceho bude ...
Fred
Profil
Tak to nevím.
juan
Profil *
no neva - diky za snahu ;)
juan
Profil *
ted se mi podarilo problem castecne vyresit http://www.juanito.webz.cz/floatproblem2.html
bohuzel to funguje jen v IE, FF to porad hazi pod sebe a ne do radku ...
peta
Profil *
juan
Tak to dej do tabulky, no. Snadne a jednoduche. Dalo by se to pres javascript, zjistovat sirku a pozicovat podle ni.
Mozna by to slo dat do bloku s pevnou vyskou a promennou delkou.
Take by se dalo vyuzit PRE a naskladat to jako obrazky IMG.
v CSS prece muzes nastavit druh pretekani Overflow a druh zalamovani, tusim White-space
Toto téma je uzamčeno. Odpověď nelze zaslat.

0