Diskuse JPW: jak zarovnat tři sloupce na střed?

	Autor	Zpráva
	Anonymní Profil *	#1 · Zasláno: 15. 7. 2005, 11:05:39 Odpovědět Citovat skusil jsem tento kód ale nefungeje to <div style="align: center" align="center"><div align="left" style="width: 500px; align: left"> <div style="width:100px; position: absolute; TOP: 0px; LEFT: 0"> proc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdev </div> <div style="width:100px; position: absolute; TOP: 0px; LEFT: 150"> proc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdev </div> <div style="width:100px; position: absolute; TOP: 0px; Right: 300"> proc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejdeproc to nejde proc to nejde </div></div></div>
	Petra Profil	#2 · Zasláno: 15. 7. 2005, 11:16:19 Odpovědět Citovat Vlastnost "align" v CSS není, je to "text-align" a zarovnává text uvnitř bloku, ne blok samotný (vyjma IE). Zarovnání bloků na střed se dělá pomocí margin:auto. Takže správně by to mohlo být zhruba takto (první řádek): <div style="text-align: center"><div style="width: 500px; margin: 0 auto"> Jinak ještě bude asi potřeba přidat tomu position:relative, kvůli těm absolutně pozicovaným divům.
	Matthew Profil	#3 · Zasláno: 15. 7. 2005, 11:34:55 Odpovědět Citovat Ak chceš, pozri sa na Pixyho riešenie 3-stlpcoveho layoutu
	Anti Profil *	#4 · Zasláno: 15. 7. 2005, 13:07:36 Odpovědět Citovat <table align="center"> <tr> <td><a href=#Disko is OUT><strong>1.Disco is OUT</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Ferdo Mravec><strong>2.Ferdo mravec</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Chcem byť ako Barbie><strong>3.Chcem byť ako Barbie</strong></a></td> </tr> <tr> <td><a href=#Nackovia><strong>4.Nackovia</strong></a></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Olympijske hry><strong>5.Olympijske hry</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td> <a href=#Alkohol><strong>6.Alkohol</strong></a></td> </tr> <tr> <td><a href=#Bobor song><strong>7.Bobor song</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Fotrovci><strong>8.Fotrovci</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Gamebler><strong>9.Gamebler</strong></a></td> </tr> <tr> <td><a href=#Horšie to už nemôže byť><strong>10.Horšie to už nemôže byť</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Prečo?><strong>11.Prečo?</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Úchyl><strong>12.Úchyl</a></strong></td> </tr> <tr> <td><a href=#Záhada Blair Witch><strong>13.Záhada Blair Witch</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Depresia><strong>14.Depresia</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Hnusná vojna><strong>15.Hnusná vojna</strong></a></td> </tr> <tr> <td><a href=#Piatok trinásteho><strong>16. Piatok trináste</strong>ho</a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Janík a Jana><strong>17.Janík a Jana</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Trust in chlast><strong>18.Trust in chlast</strong></a></td> </tr> <tr> <td><a href=#Carovne zrkadlo><strong>19.Čarovné zrkadlo</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#Nikdy><strong>20.Nikdy</strong></a></td> <td> </td> <td> </td> <td> </td> <td> </td> <td><a href=#raz><strong>21.Raz sa to skončí</strong></a></td> </tr> </table>
	flying gentleman Profil	#5 · Zasláno: 15. 7. 2005, 17:21:18 Odpovědět Citovat tak to je, s prominutim, prasarna.
	Charlie Profil	#6 · Zasláno: 15. 7. 2005, 17:30:04 Odpovědět Citovat Anti, fuj to sem se lek!
		Časová prodleva: 19 let

Toto téma je uzamčeno. Odpověď nelze zaslat.