-
Data: 2012-01-08 02:37:57
Temat: Re: HTML - funkcjonalność znaczników...
Od: porneL <n...@p...net> szukaj wiadomości tego autora
[ pokaż wszystkie 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
Następne wpisy z tego wątku
- 08.01.12 02:45 porneL
- 08.01.12 12:34 Marek
- 08.01.12 12:57 Marek
- 08.01.12 13:28 Marek
- 11.01.12 11:38 Paweł Piskorz
- 12.01.12 09:52 Marek
- 12.01.12 14:31 Paweł Piskorz
- 12.01.12 18:28 Marek
- 12.01.12 21:06 Paweł Piskorz
Najnowsze wątki z tej grupy
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
Najnowsze wątki
- 2025-07-25 Drastycznie rośnie import stali - w hucie w Dąbrowie Górniczej zostanie wygaszony wielki piec
- 2025-07-25 Drastycznie rośnie import stali - w hucie w Dąbrowie Górniczej zostanie wygaszony wielki piec
- 2025-07-25 I kolejny inżynier...
- 2025-07-25 Kobiety, bójcie się inżynierów...
- 2025-07-25 Warszawa => Konsultant Wiodący SAP PP <=
- 2025-07-25 Re: Brawo !!! Osy chronione w Niemczech. Za usunięcie gniazda grozi mandat
- 2025-07-25 cudzoziemiec bez biletu
- 2025-07-25 Gdynia => Sales Executive / KAM <=
- 2025-07-25 Inżynierzy z prawomocnym...
- 2025-07-25 Łódź => Mainframe (z/OS, Assembler) Developer <=
- 2025-07-25 Warszawa => Inżynier oprogramowania .Net <=
- 2025-07-25 Kraków => Senior Fullstack Engineer (Low-Code Platform) <=
- 2025-07-25 Skrobanie
- 2025-07-25 Lublin => Konsultant ds. Wdrożeń ERP (moduł FK) <=
- 2025-07-25 Warszawa => Senior Frontend Developer (React + React Native) <=