Autor Zpráva
nahodnejmeno111
Profil *
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
Proč používáš ten inline-block?
▼nahodnejmeno111
Profil *
Chci mít několik divů v řádku. Jak jinak to teda udělat?
Str4wberry
Profil
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 *
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 *
Jinak "buňky" hodnota a nazev, které jsou nad sebou musí být opravdu nad sebou(mít stejnou šířku).
Str4wberry
Profil
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 *
ano, je to v podstatě normální tabulka, ale ta se, pokud je mi známo, neumí zalamovat.
panther
Profil
▼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
nahodnejmeno111:
a vypadat to má jak?
nahodnejmeno111
Profil *
www.uloziste.net/full/6197/tabulka.png
panther
Profil
▼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 *
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 *
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
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>
Za rámeček bych si to však nedal.
nahodnejmeno111
Profil *
Jo tohle je funkční všude. Dík.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0