[ Príspevkov: 8 ] 
AutorSpráva
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
NapísalOffline : 14.07.2015 22:14 | Inline-block a li spacing

Vsimol som si pri tvoreni navigacie, ze ak nastavim v CSS li display: inline-block tak za kazdym li je 4px medzera. Margin 0 nie je riesenim.
Riesenie som nasiel dva - napisat to nejak takto <li>text</li><li>text</li> cize bez enterovania alebo zresetovat velkost fontu a potom ho znova nastavit..

Ostava mi len pytat sa, preco?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9
NapísalOffline : 14.07.2015 22:51 | Inline-block a li spacing

lebo kedze je to inline-block tak sa to sprava ciastocne ako inline. a pri obidvoch sa medze medzi tagmi bere ako znak ktory sa zobrazi na stranke.
takze:
1. jedna moznost je dat font-size: 0 ako si pisal
2. nepouzit napr 25% ale 24.5% - treba otestovat pre konkretny priklad (beriem ze to nie je najkrajsie riesenie)
3. pouzit zaporny margin-left napr -3px
4. existuje zero font size-width https://github.com/patrickkunka/zero-width pre ul

clanok k tomu aj s rieseniami mas aj tu https://css-tricks.com/fighting-the-space-between-inline-block-elements/


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Napísal autor témyOffline : 15.07.2015 8:01 | Inline-block a li spacing

Dik za tie clanky, pekne napisane.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 20.05.15
Prihlásený: 28.10.17
Príspevky: 31
Témy: 1 | 1
Bydlisko: insideVim
NapísalOffline : 15.07.2015 11:34 | Inline-block a li spacing

V každom prípade white space pre inline-block je vo všeobecnosti považovaný za bug aj keď ako pri väčšine vecí tak sú aj ľudia čo majú iný názor. Najlepšie riešenie ako proti tomu bojovať je mať minimalizovaný zdroják HTML (alebo aspoň zrušený ten whitespace medzi /li> a <li. Samozrejme to ale záleží od viac faktorov napr tvojho samotného workflow takže niekedy je efektívnejšie nastaviť fz0 pre parent a potom si ju znova nastaviť pre child. Negatívnemu marginu by si sa mal vyhnúť.


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0 | 0
NapísalOffline : 15.07.2015 12:31 | Inline-block a li spacing

Prečo by sa mala medzera medzi inline-block elementami interpretovať inak, ako medzi inline elementami? (keďže navonok je inline-block úplne to isté ako inline)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 20.05.15
Prihlásený: 28.10.17
Príspevky: 31
Témy: 1 | 1
Bydlisko: insideVim
NapísalOffline : 17.07.2015 15:54 | Inline-block a li spacing

Za bug je to považované preto, že je to závislé na formátovaní markupu a teda táto "extra" medzera ti potom môže rozbiť layout. V každom prípade ako som už spomínal tak na toto má každý iný názor a sú o tom asi také debaty ako "tab vs space". Ja osobne nie som naklonený ani na jednu stranu.


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0 | 0
NapísalOffline : 17.07.2015 16:36 | Inline-block a li spacing

Takéto správanie sa je ale popísané v štandarde (a pri inline blokoch má zmysel), takže o chybu ísť nemôže.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 20.05.15
Prihlásený: 28.10.17
Príspevky: 31
Témy: 1 | 1
Bydlisko: insideVim
NapísalOffline : 20.07.2015 16:15 | Inline-block a li spacing

Ako som už viac krát písal, názor na to sa rozchádza.


 [ Príspevkov: 8 ] 


Inline-block a li spacing



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

letter spacing

v Frontend

4

525

23.01.2009 23:04

chrono

V tomto fóre nie sú ďalšie neprečítané témy.

display : inline

v Frontend

3

735

16.04.2009 21:31

Flety

V tomto fóre nie sú ďalšie neprečítané témy.

Float a inline

v Frontend

1

556

17.02.2018 23:33

weroro

V tomto fóre nie sú ďalšie neprečítané témy.

AJAX inline text edit

v Frontend

1

488

27.04.2012 18:32

weroro

V tomto fóre nie sú ďalšie neprečítané témy.

Inline Korčule pre El_Silvera

v Ostatné

11

755

09.05.2012 13:30

nicobb

V tomto fóre nie sú ďalšie neprečítané témy.

AJAX inline text edit - diakritika

v Frontend

17

1859

06.09.2011 21:23

josephe

V tomto fóre nie sú ďalšie neprečítané témy.

Ake Inline korcule ? mate ? znacka ... ?

[ Choď na stránku:Choď na stránku: 1, 2 ]

v Diskusia

33

6918

15.01.2012 15:44

rolli

V tomto fóre nie sú ďalšie neprečítané témy.

block ip

v Backend

1

754

27.08.2008 18:51

PHP zaciatocnik

V tomto fóre nie sú ďalšie neprečítané témy.

docasny block

v Backend

5

594

25.02.2008 20:18

walther

V tomto fóre nie sú ďalšie neprečítané témy.

Vypnite AD Block

v Antivírusy a ochrana

2

365

30.06.2024 14:10

eMp

V tomto fóre nie sú ďalšie neprečítané témy.

Block Bad Bots

v CMS

5

811

12.03.2007 0:34

JanoF

V tomto fóre nie sú ďalšie neprečítané témy.

Block travian adminem

v Hry a herné konzoly

4

718

04.02.2008 14:03

Leba

V tomto fóre nie sú ďalšie neprečítané témy.

Google chrome AD BLOCK ?

v Windows

2

296

20.07.2025 12:54

eMp

V tomto fóre nie sú ďalšie neprečítané témy.

ako obísť refferal block ?

v Backend

4

1687

19.01.2010 18:53

rooobertek

V tomto fóre nie sú ďalšie neprečítané témy.

Bad block na HDD

v Pevné disky a radiče

0

549

08.07.2009 21:43

macomh

V tomto fóre nie sú ďalšie neprečítané témy.

PREKLAD: News Block Hack SK

v CMS

0

2410

12.11.2006 17:20

JanoF



© 2005 - 2026 PCforum, edited by JanoF