eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwHTML - funkcjonalność znaczników...Re: HTML - funkcjonalność znaczników...
  • Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
    From: porneL <n...@p...net>
    Newsgroups: pl.comp.www
    Subject: Re: HTML - funkcjonalność znaczników...
    Date: Sun, 08 Jan 2012 02:37:57 -0000
    Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
    Lines: 52
    Message-ID: <o...@a...local>
    References: <1...@4...net>
    <o...@a...local>
    <6fiuqroyami5$.1t4bmztj83ie9.dlg@40tude.net>
    <o...@a...local>
    <zjinf0ixtm0t$.1jn52xhqq2zex$.dlg@40tude.net>
    <o...@a...local>
    <uu87t6iv4xl6$.f5jxs59ye3n.dlg@40tude.net>
    <o...@a...local>
    <x...@4...net>
    NNTP-Posting-Host: 96.95.187.81.in-addr.arpa
    Mime-Version: 1.0
    Content-Type: text/plain; charset=utf-8; format=flowed; delsp=yes
    Content-Transfer-Encoding: 8bit
    X-Trace: inews.gazeta.pl 1325990278 21486 81.187.95.96 (8 Jan 2012 02:37:58 GMT)
    X-Complaints-To: u...@a...pl
    NNTP-Posting-Date: Sun, 8 Jan 2012 02:37:58 +0000 (UTC)
    X-User: pornelspam
    User-Agent: Opera Mail/11.61 (MacIntel)
    Xref: news-archive.icm.edu.pl pl.comp.www:400125
    [ ukryj nagłówki ]

    On Sat, 07 Jan 2012 18:05:53 -0000, Marek <p...@s...com> wrote:

    > Ok, ale z zapadaniem ten margines gdzieś sobie powędruje i wyświetli się
    > w
    > innym miejscu, prawda? Przypomnę kod jaki prezentowałem już:
    >
    > <h1>....
    > <p>...
    >
    > Margines wypłynie nad h1.

    Nie. Zapadnie się dolny margines h1 z górnym p, czyli odstęp między
    obiektami będzie max(p margin-top, h1 margin-bottom).

    Zapewne chodzi ci o kontenery:

    <div><div><div><h1>

    Jak divy nie mają border/padding/overflow, to będą otaczały treść <h1>, a
    nie jego margines.

    > Wtedy rozwali nam inny fragment strony a tak przynajmniej mam to zjawisko
    > lokalnym. Zdarzało mi się luż szukać przyczyny "dziwnego" odstępu mimo iż
    > nie było go zdefiniowanego w CSS/HTML. Parę znaczników dalej znalazł się
    > winowajca bo akurat redaktor CMS wprowadził <p> do treści. No i godzina z
    > dnia pracy uciekła zanim się połapałem w czym rzecz.

    Zapada się max 1 odstęp, więc nie musisz daleko szukać - do najbliższego
    elementu z widoczną treścią/obramowaniem.

    > Border transparent da Ci przejrzystą linię więc nie załatwi sprawy. Wiem,
    > że dorzucając padding a potem podsuwając marginesem można to "naprawić"
    > ale po co się tak szamotać?

    Żeby się szamotać od czasu do czasu, a nie z każdym odstępem i każdym
    zagnieżdżonym elementem, który powoduje zwielokrotnienie odstępu.

    > Im więcej kodu tym mniej czytelny staje się kod i
    > tym łatwiej o pomyłki.

    I dlatego CSS załatwia za ciebie odstępy w tak dużej liczbie przypadków,
    że nawet nie zdajesz sobie z tego sprawy.

    Zrób sobie box model wordowy:

    * {margin-top:0 !important; margin-bottom:0 !important;}

    i używaj tylko i wyłącznie padding i border-top: transparent do robienia
    odstępów. Nic się nie zapadnie i zobaczysz, jak ci tego brakuje.

    --
    regards, porneL

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: