Szablon:DivClear

Z Wikibooks, biblioteki wolnych podręczników.
Przejdź do nawigacji Przejdź do wyszukiwania
Template-info.png Dokumentacja szablonu [zobacz] [edytuj] [historia] [odśwież]

Opis[edytuj]

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[edytuj]

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)[edytuj]

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

Szablon {{DivClear}}
{{Znacznik|tag=div|styl=clear:{{{1|both}}}|}}

Użycie i przykłady[edytuj]

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[edytuj]

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

Parametry szablonu (strukturyzacja Wizualnego Edytora)[edytuj]

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

ParametrOpisTypStatus
Wyrównanie1

"left" lub "right"

Ciąg znakówopcjonalny

Zobacz też[edytuj]

  • {{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.