-
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
- 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>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-25 Karty przedpłacone (podarunkowe) Google Play - pytanie do korzystających
- 2024-11-26 wina Tóska
- 2024-11-26 Rewolucja/Rewelacja!
- 2024-11-25 grupa ożyła ;)
- 2024-11-24 Być jak Clint
- 2024-11-24 Rura kanalizacja konceptu Franke = problem
- 2024-11-25 Wrocław => Lead Java EE Developer <=
- 2024-11-25 Warszawa => Business Development Manager - Network and Network Securit
- 2024-11-25 Kraków => Programista Full Stack (.Net Core) <=
- 2024-11-25 Lublin => Senior PHP Developer <=
- 2024-11-25 Karlino => Konsultant wewnętrzny SAP (FI/CO) <=
- 2024-11-25 Warszawa => ECM Specialist / Consultant <=
- 2024-11-25 Katowice => Regionalny Kierownik Sprzedaży (OZE) <=
- 2024-11-25 Warszawa => Senior Frontend Developer (React + React Native) <=
- 2024-11-25 Lublin => Inżynier Serwisu Sprzętu Medycznego <=