Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- [html]W jakiej technice zrobić stronkę? Jestem grafikiem a chce zrobić stronkę....
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- zambezia2013.opx.pl
telcocafe
Mam problem. Mianowicie chce abym miał 2 kolumny divów i w każdej kolumnie kilka divów pod sobą. Tutaj jest przykład: http://www.htmlphpcs...divy/index.htmlI chce żeby ten żółty div był 20px pod tym czerwonym, a nie tak jak teraz jest. Tylko innym sposobem niż wpisanie ujemnego margin-top bo te divy będą miały różne wielkości i takie sposób jest zły. Jest na to jakieś rozwiązanie??
To układ divów:
<div id="a">a</div> <div id="s">s</div> <div id="d">d</div> <div id="f">f</div>
A to style:
#a{ margin-top: 20px; width: 200px; height: 150px; background: red; float: left; } #s{ margin-top: 20px; width: 200px; height: 190px; background: green; float: left; } #d{ margin-top: 0px; width: 200px; height: 160px; background: yellow; float: left; clear: both; } #f{ margin-top: 20px; width: 200px; height: 180px; background: pink; float: left; }
Nie za bardzo zrozumiałem twój problem, ale jeżeli chcesz mieć dwie kolumny to poprostu najlepiej byłoby je utworzyć. Sprawa już by była prosta. Ja to zrobiłem tak:
Przykładowy koc CSS:
#left { float: left; margin: 10px; } #right { float: left; margin: 10px; } #a{ margin-top: 20px; width: 200px; height: 150px; background: #f2f2f2; padding: 5px; float: left; clear: both; display: block; border: 1px solid #000000; } #b{ margin-top: 20px; width: 200px; height: 300px; background: #f2f2f2; padding: 5px; float: left; clear: both; display: block; border: 1px solid #000000; } #c{ margin-top: 20px; width: 200px; height: 50px; background: #f2f2f2; padding: 5px; float: left; clear: both; display: block; border: 1px solid #000000; } #d{ margin-top: 20px; width: 200px; height: 300px; background: #f2f2f2; padding: 5px; float: left; clear: both; display: block; border: 1px solid #000000; } #e{ margin-top: 20px; width: 200px; height: 100px; background: #f2f2f2; padding: 5px; float: left; clear: both; display: block; border: 1px solid #000000; }
przykładowy kod HTML
<div id="left"> <div id="a">a</div> <div id="b">b</div> <div id="e">e</div> </div> <div id="right"> <div id="c">c</div> <div id="d">d</div> </div>
Teraz dla każdego okienka w prawej lub lewej kolumnie możesz ustawić marginesy i wszystko czego potrzebujesz. A wygląda to mniej więcej tak: KLIK