Skocz do zawartości

Wyświetlanie elementów na stronie


M@k
 Udostępnij

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

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • 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