Autor Zpráva
IdemeNaHavaj
Profil
Ahoj

Urobil som si div na pevnú width a to 1400px, do neho som dal dalsie 3 divy ktore su vedla seba umiestnene cez display: inline-block.
Prvý div má width 200px, druhý 1000px a tretí znova 200px, čiže matematicky by to malo sedieť perfektne, ale robí mi tu problém nejaká medzera:

A tím sa teda celý tretí div posunie pod prvé dva..
juriad
Profil
inline-block tě neochrání před mezerami ve zdrojovém kódu. http://kod.djpw.cz/nlib
IdemeNaHavaj
Profil
Mám to takto: http://kod.djpw.cz/olib
juriad
Profil
Bez mezer: http://kod.djpw.cz/plib
V HTML se totiž libovolná sekvence bílých znaků zobrazí jako jediný znak mezera.
IdemeNaHavaj
Profil
čiže musím mať v kode bordel? to nemyslíš vážne
juriad
Profil
Jen říkám, že je to důsledek použítí inline nebo inline-block.
Řešením v CSS je použít jiný display nebo vyjmout prvek z toku (position absolute nebo float).
Řešením v HTML mezery mezi divy nevkládat.

Co tě vlastně vede k použití inline-block? Uvědomuješ si, že už v názvu má, že je určený pro objekty uvnitř textu?

http://css-tricks.com/fighting-the-space-between-inline-block-elements/
IdemeNaHavaj
Profil
Dakujem za link, no floaty som nechcel pouzit lebo vzdy ked budem chciet novy riadok tak budem musiet dat nieco co ma clear both, ale tak radsej som to predsa dal na tie floaty
juriad
Profil
Nemusíš dávat nějakou vycpávku. Stačí tomu, co má být na novém řádku, nastavit clear.
http://kod.djpw.cz/qlib
Chamurappi
Profil
Reaguji na IdemeNaHavaje:
čiže musím mať v kode bordel? to nemyslíš vážne
Máš zkreslené vnímání HTML, přítomnost mezer vždy může hrát roli, přestože na jejich počtu nezáleží. Není to bordel, je to jen jiný druh pořádku, než jaký očekáváš…
V DOMu jsou mezery také přítomné, jsou to obyčejní sourozenci a potomci elementů, skripty se můžou chovat různě při jejich (ne)přítomnosti.
Stalker
Profil
IdemeNaHavaj:
Furt si můžeš nechat stejný HTML kód a pouze rodiči vynulovat font-size (čímž docílíš toho, že nebudou zobrazovány mezery) a samotným prvkům font-size nastavíš.

viz: http://kod.djpw.cz/hmib
juriad
Profil
Stalker:
To ale má některé nevýhody, viz mnou odkázaný článek v [#6].

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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