-
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-10-18 Pożar parkingu w Luton
- 2024-10-18 Łódź => Spedytor Międzynarodowy <=
- 2024-10-18 Gdańsk => Technical Lead ( (Java Background)) <=
- 2024-10-18 Warszawa => Head of International Freight Forwarding Department <=
- 2024-10-18 uwazajmy na haczyki w umowach
- 2024-10-18 Warszawa => Account Manager - Usługi rekrutacyjne <=
- 2024-10-18 Białystok => Full Stack web developer (obszar .Net Core, Angular6+) <
- 2024-10-18 Gdańsk => Software .Net Developer <=
- 2024-10-18 Warszawa => Junior Rekruter <=
- 2024-10-18 Warszawa => Key Account Manager <=
- 2024-10-18 Przeróbka na zgrzewarkę "równoległą"
- 2024-10-18 Ostrów Wielkopolski => Laravel PHP Developer <=
- 2024-10-18 Warszawa => Data Scientist / Data Engineer (modele predykcyjne) <=
- 2024-10-18 doładowania 5zł
- 2024-10-17 Prośba o identyfikację komponentu