Autor | Zpráva | ||
---|---|---|---|
nahodnejmeno111 Profil * |
#1 · Zasláno: 20. 6. 2010, 15:22:17
Potřeboval bych aby se následující vnořené divy automaticky zalamovaly pokud jsou delší něž 300px. Ve firefoxu a konqueroru tento kód funguje. V chromium už ale třeba ne(v něm se prostě ten nadřazený div jen roztáhne do šířky). Jak to ošetřit/vyrobit aby to fungovalo všude?
<div style="display: block; background:green; width:300px"> <div style="display:inline-block; border: 1px solid white">dadfafsd</div> <div style="display:inline-block; border: 1px solid white">dadfafsd</div> <div style="display:inline-block; border: 1px solid white">dadfafsd</div> <div style="display:inline-block; border: 1px solid white">dadfafsd</div> <div style="display:inline-block; border: 1px solid white">dadfafsd</div> </div> |
||
Str4wberry Profil |
#2 · Zasláno: 20. 6. 2010, 18:23:14
Proč používáš ten
inline-block ?
|
||
▼nahodnejmeno111 Profil * |
#3 · Zasláno: 20. 6. 2010, 18:42:32
Chci mít několik divů v řádku. Jak jinak to teda udělat?
|
||
Str4wberry Profil |
#4 · Zasláno: 20. 6. 2010, 18:52:14
Dát jim normálně
display: inline . Nebo použít <span> y, které mají tuto vlastnost výchozí; případně vhodně nastylované <li> , které by se pro to zřejmě sémanticky hodily nejlépe.
|
||
▼nahodnejmeno111 Profil * |
#5 · Zasláno: 20. 6. 2010, 19:39:37
Jenže uvnitř spanu nemohu použít divy. Potřeboval bych aby to vytvořilo něco takového:
******************** * hodnota * hodnota2 * ******************** * nazev * nazev2 * ******************** atd. Důležité je, aby se třeba hodnota2 spolu s nazev2 zalomilo a pokračovalo na novém řádku pokud překročí nějakou délku. |
||
▼nahodnejmeno111 Profil * |
#6 · Zasláno: 20. 6. 2010, 19:40:51
Jinak "buňky" hodnota a nazev, které jsou nad sebou musí být opravdu nad sebou(mít stejnou šířku).
|
||
Str4wberry Profil |
#7 · Zasláno: 20. 6. 2010, 19:47:36
Moc mi není jasné, co chceš. To je normální tabulka, ne? Možná by pomohla živá ukázka toho, co ve Firefoxu funguje.
|
||
▼nahodnejmeno111 Profil * |
#8 · Zasláno: 20. 6. 2010, 21:12:09
ano, je to v podstatě normální tabulka, ale ta se, pokud je mi známo, neumí zalamovat.
|
||
panther Profil |
#9 · Zasláno: 20. 6. 2010, 21:18:46
▼nahodnejmeno111:
ukaž, co chceš udělat (třeba obrázek, jak ta data budou vypadat), tohle je jen plácání do vzduchu. Podle toho se bude dát určit jaký HTML tag bude na onom místě správný (div to na 99% nebude). Pokud na divu trváš, float: left? |
||
nahodnejmeno111 Profil * |
********************************
Moderátor Chamurappi: Nahraj to na nějaký normální hosting, kde nám nikdo nehází klacky pod nohy.
|
||
panther Profil |
#11 · Zasláno: 21. 6. 2010, 00:08:27
nahodnejmeno111:
a vypadat to má jak? |
||
nahodnejmeno111 Profil * |
#12 · Zasláno: 21. 6. 2010, 01:59:05
|
||
panther Profil |
#13 · Zasláno: 21. 6. 2010, 09:39:13
▼nahodnejmeno111:
vůbec nejde poznat, co chceš udělat - z obrázku to moc jasné není, ty to nejsi schopen popsat. Dle obrázku (už naposledy) hádám: Tabulka o 4 sloupcích, kde v prvním řádku bude mít druhá buňka colspan="2", ve druhém řádku bude mít první (a možná i druhá) buňka colspan="2". |
||
▼nahodnejmeno111 Profil * |
#14 · Zasláno: 21. 6. 2010, 10:40:11
Vždyť to píšu dost jasně: tabulka o N sloupcích a 2 řádcích. Pokud se tabulka nevejde do nějakého elementu(třeba divu o pevném width=300px), tak budou další sloupce pokračovat NE na vedle sebe na stejném řádku, ale na dalším pod touhle částečně vygenerovanou tabulkou.
|
||
nahodnejmeno111 Profil * |
#15 · Zasláno: 21. 6. 2010, 20:28:37
Představ si text, hrozně dlouhý text, který se v nějakém odstavci AUTOMATICKY zalamuje(bez použití br). To samý chci udělat s tabulkou(jen aby se to AUTOMATICKY zalomilo přesně na celé sloupce).
|
||
Keeehi Profil |
#16 · Zasláno: 21. 6. 2010, 20:54:02 · Upravil/a: Keeehi
Toto by mělo být funkční:
<div style="width:110px"> <div style="float:left;background-color:red;"> <div>hodnota</div> <div>nazev</div> </div> <div style="float:left;background-color:lime;"> <div>hodnota 2</div> <div>nazev 2</div> </div> <div style="float:left;background-color:blue;"> <div>hodnota 3</div> <div>nazev 3</div> </div> </div> |
||
nahodnejmeno111 Profil * |
#17 · Zasláno: 21. 6. 2010, 21:28:21
Jo tohle je funkční všude. Dík.
|
||
Časová prodleva: 14 let
|
0