ohmygod Posted July 23, 2006 Report Share Posted July 23, 2006 (edited) Uzdevums: Izveidot web objektus, kuru min un max skaits nav ierobežots. Kuri nav statiski - tikai pēc izmēriem, bet mainot pārlūka izmērus tie nevis ir redzami skrollējot uz sāniem, bet sakārtojās tā, lai vienā rindā būtu mazāko objektu. Ja objekti ir daudz - nav nekādu problēmu, bet ja ir daudz mazāk par lapas horizontālo izvērsumu, tad nesmuki izkārtojas no kreisās un labo. Nu nekādīgi nesanāk man viņus sakārtos pa manam - t.i. iecentrēt! Pilnīgi nekādi aligni nekādos veidos nepalīdz :/ tālāk starta kods: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Centrējam objektus</title> <style type="text/css"> <!-- .parent { border: dashed thin; width: 500px; height: 200px; align: center; } .child { width: 100px; float: left; } --> </style> </head> <body> <div class="parent"> <div class="child">100px</div> <div class="child">100px</div> <div class="child">100px</div> </div> </body> </html> Edited July 23, 2006 by ohmygod Link to comment Share on other sites More sharing options...
Delfins Posted July 23, 2006 Report Share Posted July 23, 2006 takš loģiski - `float: left` Link to comment Share on other sites More sharing options...
ohmygod Posted July 26, 2006 Author Report Share Posted July 26, 2006 Nu a ko darīt? float jau tikai 4 varianti ir: left, right, none, inherit. Ar pēdējiem 2 objekti nebūs blakus, bet viens zem otra. Link to comment Share on other sites More sharing options...
destroy_all Posted July 26, 2006 Report Share Posted July 26, 2006 margin: 0 auto; Link to comment Share on other sites More sharing options...
Recommended Posts