Skocz do zawartości

Wyświetlanie elementów na stronie


M@k

Rekomendowane odpowiedzi

Witam

Czy można zrobić za pomocą css, jakoś tak aby to co w kodzie jest na górze wyświetlało się na dole i na odwrót. Tak samo jak robią to,

że lewa cześć strony (wyżej w kodzie) wyświetla się po prawej stronie, zrobione za pomocą float. A mi chodzi o to samo ale góra dół.

Za wszelka pomoc będę wdzięczny

Pozdrawiam

Odnośnik do komentarza
Udostępnij na innych stronach

Najprościej mówiąc chodzi mi o coś takiego jak w tym szablonie

html, body { margin:0; padding:0; border:none; }

#layout { width:75%; margin-left: 5%; }

#header, #footer { border: 1px solid #ddd; }

#footer { clear: both; }

#first { background: #fff07b; }

#second { background: #deff7b; }

#third { background: #9cff7b; }

#header, #footer, #first, #second, #third { padding: 2em 2%; margin: 1em 0; }

#content { padding: 0; }

#first { float: right; width: 40%; margin-left: 2%; }

#second { float: right; width: 22%; margin-left: 2%; }

#third { float: right; width: 22%; }

html:

<div id="layout">

<div id="content">

<div id="first">

1

</div>

<div id="second">

2

</div>

<div id="third">

3

</div>

</div>

</div>

Czyli w kodzie bloki są 1-2-3, a na stronie wyświetlają się 3-2-1. Tu jest wszystko ładnie ale to jest w jednej linii, a ja chciałbym aby te bloki wyświetlały się tak samo czyli 3-2-1 ale jeden pod drugim i miały 100% szerokości. I z tym nie mogę sobie poradzić

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności