Szablon:DivClear - Wikibooks, biblioteka wolnych podręczników

Dokumentacja szablonu [zobacz] [edytuj] [historia] [odśwież]

Opis

Szablon służy, by pływające elementy dzieci z: float:right lub float:left, rozpychały rodzica. Jest zbudowany w oparciu o element blokowy: <div>...</div>.

Opis parametrów

Wywołanie podstawowe

{{DivClear}}

Wywołanie pełne

{{DivClear|1=[both|left|right] - ustawienie opływania elementu z float:right, gdy 1=right, lub float:left, gdy 1=left, lub jednocześnie elementów obu rodzajów, gdy 1=both}}

Wikikod, zbudowany za pomocą szablonu znaczników (kombajnu)

Szablon {{DivClear}} ma kod w zależności od znacznika: {{Znacznik}}, przedstawiający się:

Szablon {{DivClear}}

{{Znacznik|tag=div|klasa=div-clear-{{{1|both}}}|styl=clear:{{{1|both}}}|}}

Użycie i przykłady

Weźmy rodzica i dziecko pływające, ale oba dla przykładu są obramowane:

 {{Div|styl=width:200px;min-height:50px;border: solid 1px black;padding:5px;
   | 1 = {{Div|styl=float:right;width:50px;height:60px;border: solid 1px black;}}
 }}

A ten kod w działaniu jest taki:

Widzimy, że dziecko nie rozpycha rodzica, jedyną możliwością, aby temu zapobiec, jest użycie szablonu bezparametrowo {{DivClear}}. Wtedy kod wygląda następująco:

 {{Div|styl=width:200px;min-height:50px;border: solid 1px black;padding:5px;
   | 1 = {{Div|styl=float:right;width:50px;height:60px;border: solid 1px black;}}  
      {{DivClear}}
 }}

A wynik powyższego kodu w działaniu jest taki:

Do tego służy właśnie {{DivClear}}. A więc, wtedy dziecko rozpycha rodzica, jeżeli użyjemy ten szablon.

Błędy

Błędy należy zgłaszać na stronie Wikibooks:Kwestie techniczne.

Parametry szablonu (strukturyzacja Wizualnego Edytora)

Szablony {{DivClear}} używa się po to, żeby prawidłowo umieszcza się pod pływającym elementem. Szablon {{DivClear}} rozpycha rodzica, by dostosował się do rozmiarów swoich dzieci.

Parametry szablonu[Zarządzaj danymi szablonu]
Parametr		Opis	Typ	Status
Wyrównanie	`1`	"left" lub "right"	Ciąg znaków	opcjonalny

Zobacz też

{{BrClear}}, {{-}} (przekierowanie do {{BrClear}}) i {{Koniec grafiki}} (przekierowanie do {{BrClear}}) - szablon opływania, zbudowany w oparciu o znacznik: <br />, elementów pływających z dodatkową linią pustą,
{{SpanClear}} - szablon opływania, zbudowany w oparciu o znacznik: <span>...</span> - elementu liniowego, elementów pływających z dodatkową niełamliwą spacją,
{{DivClear}} - szablon rozpychający rodzica, by on zastosował się do rozmiarów swoich dzieci, zbudowany w oparciu o znacznik: <div>...</div> - elementu blokowego.

p • d • e • U

Ta tabelka przedstawia wszystkie rodzaje szablonów ramek formułujące kod HTML lub wikikod, lub nimi się posługujące.

Szablony oparte o tagi w znacznikach

Szablony generujące kod FlexBox	{{ElastycznyWiersz}} • {{ElastycznyWiersz2}} • {{ElastycznaKolumna}} • {{ElastycznaKolumna2}} • {{ElastycznyZawijanyWiersz}} • {{ElastycznyZawijanyWiersz2}}

Szablony znaczników	{{Znacznik}} (kombajn) • {{Znacznik start}} (kombajn otwierający) • {{Znacznik koniec}} (kombajn zamykający) • {{Div}} (oparty o div) • {{Div start}} (oparty o div otwierający) • {{Div koniec}} (oparty o div zamykający) • {{Pre}} • {{PreBody}} • {{PreBody2}} • {{PreLine}} • {{PreLineBody}} • {{Pre start}} • {{Pre koniec}} • {{Code}} • {{Tt}} • {{Sub}} • {{Sup}} • {{Su}} • {{P}} • {{Span}} • {{Bdo}} • {{Small}} • {{Big}} • {{Strong}} • {{Br}} • {{Hr}} • {{Center}}

Szablony kotwice	{{Indeksuj}} • {{Kotwica}} • {{Id}}

Ramki pływające	{{OverflowWiersz}}

Opływanie elementów HTML	{{BrClear}} • {{-}} (przekierowanie do {{BrClear}}) • {{Koniec grafiki}} (przekierowanie do {{BrClear}}) • {{SpanClear}} • {{HrClear}} • {{DivClear}}

Ramki ustalone	{{DivLinia}}

Szablony wyświetlające kod obsługiwany przez system MediaWiki

Szablony pokazujące kod MediaWiki	{{Parametr}} • {{Tag}} • {{S}} • {{M}} • {{Wikikod}} • {{PreWikikod}} • {{PreLineWikikod}} • {{ŹródłoWikikod}}

Szablony do wyświetlania czystego wikikodu	{{Nowiki}} • {{PreNowiki}} • {{PreLineNowiki}} • {{ŹródłoNowiki}}

Szablony niepudełkowe tworzące czysty kod oparte o mechanizm MediaWiki lub HTML

Szablony zamieniające znak w kod HTML w ramce	{{KodHTMLZnaku}} • {{KodyHTMLZnakówWikiCiągu}}

Szablony zwracania kategorii	{{Kategoria}} (jedna kategoria) • {{Kategorie}} (wiele kategorii)

Szablony ramek linkujących	{{Zmiany w linkujących}}

Szablony generujące pudełka oparte o wikikod lub kod HTML

Szablony tabeli	{{Tytuł}} • {{Komórka}} • {{Wiersz}} • {{Tabelka}} • {{Tabela}} • {{Tabela nawigacyjna}} • {{Menu listy pozycji kategorii}} • {{Menu listy kategorii portali}} • {{Menu listy kategorii poziomu}} • {{Menu listy kategorii statusu}} • {{Menu listy kategorii tematycznych}} • {{Menu listy kategorii Światy dla dzieci}}

Pudełka bloków	{{Blok tabelowy}} (szablon otwierający) • {{Blok tabelowy/Zamknij}} (szablon zamykający) • {{Blok ramkowy}} (szablon otwierający) • {{Blok ramkowy/Zamknij}} (szablon zamykający)

Szablony pudełek opartych na warstwach	{{Pudełko ramkowe}} (szablon ogólny) • {{Pudełko ramkowe 1}} • {{Pudełko ramkowe 2}} • {{Pudełko ramkowe 3}} • {{Pudełko ramkowe 4}} • {{Pudełko ramkowe 5}}

Szablony pudełek opartych o tabelki	{{Pudełko komórkowe}} (szablon ogólny) • {{Pudełko komórkowe 1}} • {{Pudełko komórkowe 2}} • {{Pudełko komórkowe 3}} • {{Pudełko komórkowe 4}} • {{Pudełko komórkowe 5}}

Szablony ramek opakowujących kategorie	{{OpakujKategorie}} • {{OpakujKategorieZeSortowaniem}}

Szablony liczb

Szablony liczenia stron w podkategoriach	{{Łączna liczba stron w kategoriach}} • {{Rekurencyjna łączna liczba stron w kategoriach}}

Szablony form wyrażeń po liczbie	{{Forma wyrażenia po liczbie}} (kombajn) • {{Forma wyrazu jednostka po liczbie}} • {{Forma wyrazu strona po liczbie}} • {{Forma wyrazu artykuł po liczbie}} • {{Forma wyrazu podręcznik po liczbie}} • {{Forma wyrazu książka po liczbie}} • {{Forma wyrazu broszura po liczbie}} • {{Forma wyrazu publikacja po liczbie}} • {{Forma wyrazu plik po liczbie}}

Funkcje języka Lua w Scribunto uruchamiane w postaci pewnej ramki generujące kod

Funkcje modułu ramek {{#invoke:Ramka}}	{{#invoke:Ramka\|Szablon}} • {{#invoke:Ramka\|Moduł}} • {{#invoke:Ramka\|Parser}} • {{#invoke:Ramka\|Powtarzaj}} • {{#invoke:Ramka\|PowtarzajOdDo}} • {{#invoke:Ramka\|PrzetwarzajIterującCiąg}} • {{#invoke:Ramka\|Rozwiń}}

Ten szablon nawigacyjny pokazuje szablony tworzące kod HTML lub wikikod, jeżeli nie używa do tego języka Lua w Scribunto, albo generujące, jeżeli używa do tego tego języka, bądź szablony posługujące się wikikodem na stronach.

Powyższy opis jest dołączany ze strony Szablon:DivClear/opis. (edytuj | historia)
Kategorie należy dodawać do podstrony /opis. Zobacz podstrony tego szablonu.