NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze: zaporná hodnota margin

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
tbartolen
Člen
Avatar
tbartolen:12.2.2015 22:58

Mužu v kódu napsat tohle?

margin-left: -2px;
Odpovědět
12.2.2015 22:58
Navštiv www.fb.com/skkelticz
Avatar
Tomáš Maňhal
Člen
Avatar
Odpovídá na tbartolen
Tomáš Maňhal:12.2.2015 23:13

No čistě teoreticky můžeš, ale nevidím pro to praktické využití. To se snažíš něco překrývat?

 
Nahoru Odpovědět
12.2.2015 23:13
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na tbartolen
Honza Bittner:12.2.2015 23:20

Ano, dá. Nedoporučoval bych to používat moc často, jelikož poté v podstatě nepracuješ přímo s elementem, ale s jeho okolím a pokud moc nevíš jak věci fungují tak si můžeš pěkně rozházet layout.

Pokud chceš posouvat přímo daný element tak doporučuji buď kladný margin, nebo třeba využít [top/bottom/lef­t/right] s position: relative...

Nahoru Odpovědět
12.2.2015 23:20
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
tbartolen
Člen
Avatar
Odpovídá na Tomáš Maňhal
tbartolen:12.2.2015 23:31 
.main-navigation ul ul a /*druha uroven text*/{
        /*padding: 4px 0;*/
        font-size: 1.3rem;
        font-size: 13px;
    /*font-weight: 700;*/
    width: 120px;
    background: #5e5242;
    background: -moz-linear-gradient(top,  #5e5242 0%, #615e5a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #615e5a), color-stop(100%, #615e5a));
    background: -webkit-linear-gradient(top, #5e5242 0%, #615e5a 100%);
    background: -o-linear-gradient(top, #5e5242 0%, #615e5a 100%);
    background: -ms-linear-gradient(top, #5e5242 0%, #615e5a 100%);
    background: linear-gradient(top, #5e5242 0%, 100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5242', endColorstr='#615e5a',GradientType=0 );
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1), inset 0px 1px 1px rgba(255,255,255,0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1), inset 0px 1px 1px rgba(255,255,255,0.2);
    box-shadow: 3px 3px 3px undefined, inset 0px 1px 1px rgba(255,255,255,0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #362336;
    /*font-weight: 700;*/
    font-size: 13px;
    text-transform: none;
    /*margin-left: -2px;*/
    color: #ffffff;

Jde o tu mezeru mezi tou druhou a třetí urovní, když tamm dám ten margin left -2px tak to je spojené

Nahoru Odpovědět
12.2.2015 23:31
Navštiv www.fb.com/skkelticz
Avatar
Tomáš Maňhal
Člen
Avatar
Odpovídá na tbartolen
Tomáš Maňhal:13.2.2015 0:00

Pokud máš ověřené, že se to nerozhází na různých rozlišeních (nemůžu soudit, nemám přístup ke kompletnímu webu) a velikostech displejů, tak bych to asi nechal. Není to žádná velká chyba. Jenom si na to nezvykni, protože to není úplně košér.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
13.2.2015 0:00
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na tbartolen
Honza Bittner:13.2.2015 8:23

Proč tam dávat záporný margin? Ta mezera má nějaký důvod proč tam je.

Já se vždy snažím psát kód tak, aby jsem psal co nejmenší kód s co největší úpravou, což je samozřejmě lepší v mnoha směrech.

Ta mezera, pokud to není nastavené marginem/paddingem může být způsobena velikostí fontu - mezerou -, takže dej font-size: 0; a mělo by to zmizet.

Nahoru Odpovědět
13.2.2015 8:23
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.