Autor | Zpráva | ||
---|---|---|---|
IdemeNaHavaj Profil |
#1 · Zasláno: 9. 12. 2014, 09:44:51
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 |
#2 · Zasláno: 9. 12. 2014, 09:48:42
inline-block tě neochrání před mezerami ve zdrojovém kódu. http://kod.djpw.cz/nlib
|
||
IdemeNaHavaj Profil |
#3 · Zasláno: 9. 12. 2014, 09:59:17
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 |
#5 · Zasláno: 9. 12. 2014, 10:03:15
č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 |
#7 · Zasláno: 9. 12. 2014, 10:45:51
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 |
#8 · Zasláno: 9. 12. 2014, 11:25:01
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 |
#9 · Zasláno: 9. 12. 2014, 11:29:14
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 |
#10 · Zasláno: 9. 12. 2014, 21:44:02
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 |
#11 · Zasláno: 10. 12. 2014, 12:35:13
Stalker:
To ale má některé nevýhody, viz mnou odkázaný článek v [#6]. |
||
Časová prodleva: 9 let
|
0