| Autor | Zpráva | ||
|---|---|---|---|
| začátečník Profil * |
#1 · Zasláno: 1. 1. 2011, 23:31:59
Zdravím,
asi se to tu už řešilo, ale zatím jsem to nikde nenašel: jak bych měl udělat div, aby měl následující vlastnosti? - vycentrovaný na střed - menší než tělo stránky - s obrázky s display:inline Nějak mi tyto vlatsnosti nejdou dát dohromady, zde je obrázek |
||
| Keeehi Profil |
#2 · Zasláno: 2. 1. 2011, 00:16:20
<body style="text-align:center;">
<div style="text-align:left; margin:0 auto; width: 80%;">
obrázky
</div>
</body> |
||
| začátečník Profil * |
Díky za návrh, ale šlo by se nějak přizpůsobit
body{
text-align:justify;
}
pro div mam zatím
div#galerie{
display:inline;
}ale nejde mi to zarovnat na střed a dát tomu menší šířku. Resp. jde buď jedno nebo druhé, ale ne současně. |
||
| Keeehi Profil |
A takto?
<body style="text-align:center;">
<div style="text-align:justify; margin:0 auto; width: 80%;">
obrázky
</div>
</body>text-align:center; - centrování pro IE (přiřazuje se rodiči centrovaného prvku) margin:0 auto; - centrování ostatních prohlížečů (přiřazuje se centrovanému prvku) Jelikož se text-align dědí, je možno ho zrušit v tom centrovaném prvku. V původním jsem nechal text zarovnat doleva. Pokud potřebujete justify, použijte justify . display:inline; a width: xxx; prostě dohromady nejdou, řádkovým elementům šířku nenastavíte. Řešení tu však existuje. Necháte prvky plavat. Příklad: display:inline; a width: 100px; float: left; Článek si rozhodně přečtěte. Tato znalost se vám bude určitě hodit. |
||
| joe Profil |
#5 · Zasláno: 2. 1. 2011, 02:08:48
Ještě je tu jedna možnost, nastavit
display: inline-block; |
||
| začátečník Profil * |
#6 · Zasláno: 2. 1. 2011, 02:13:04
Děkuji zdvořile, zatím se zdá, že display: inline-block; je přesně to, co potřebuji.
|
||
| joe Profil |
#7 · Zasláno: 2. 1. 2011, 02:16:31
Nefunguje to správně ale ve starších prohlížečích.
|
||
| začátečník Profil * |
#8 · Zasláno: 2. 1. 2011, 02:20:58
jj, dočetl jsem se, ale čert to vem: IE6 stejně již nikdo nepoužívá.
|
||
| Keeehi Profil |
#9 · Zasláno: 2. 1. 2011, 03:50:38
začátečník:
„IE6 stejně již nikdo nepoužívá.“ Tak to bohužel zatím ještě není pravda. Ještě pořád má smysl dělat stránky tak, aby se rozumě zobrazily i v IE6. |
||
|
Časová prodleva: 9 dní
|
|||
| BRNAK1981 Profil |
#10 · Zasláno: 10. 1. 2011, 18:38:10
Prosim o pomoc: Snazim se o jednobunkovou tabulku ktera se ma roztahnout na sirku stranky, vse je ok dokud ji neobalit divem <div style ="position:fixed; absolute; left: 0; top: 0"> chi aby pri rolovani zustala stat na sve pozici. Normalne to pouzivam a funguje tak nechapu , diky za nazory :-(
</head> <body> <div style ="position:fixed; absolute; left: 0; top: 0"> <table width="100%" height="90" bgcolor="#ffa500"> <tr><td><font face="ARIAL" size="7" color="BLACK">jajajaj</font></tr> </table> </div> </body> </html> |
||
| Railbot Profil |
#11 · Zasláno: 10. 1. 2011, 18:58:54
BRNAK1981:
Založ si vlastní téma. Vyhoď to absolute, to tam máš navíc. |
||
|
Časová prodleva: 13 let
|
|||
0