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 Css] Obramowanie Czcionki jak obramowac czcionke??
- [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
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- tlumiki.pev.pl
telcocafe
Witam,mam jednego diva <div></div> i w nim 5divów a więc:
<div> <div class="a"><a href="http://g1.idg.pl/idg/gfx/logoNew.gif"><img src="http://g1.idg.pl/idg/gfx/logoNew.gif"></a></div> <div class="b"><a href="http://g1.idg.pl/idg/gfx/logoNew.gif"><img src="http://g1.idg.pl/idg/gfx/logoNew.gif"></a></div> <div class="b"><a href="http://g1.idg.pl/idg/gfx/logoNew.gif"><img src="http://g1.idg.pl/idg/gfx/logoNew.gif"></a></div> <div class="b"><a href="http://g1.idg.pl/idg/gfx/logoNew.gif"><img src="http://g1.idg.pl/idg/gfx/logoNew.gif"></a></div> <div class="b"><a href="http://g1.idg.pl/idg/gfx/logoNew.gif"><img src="http://g1.idg.pl/idg/gfx/logoNew.gif"></a></div> </div>
chciałbym za pomocą stylów CSS zrobić tak, że wszystkie divy (w środku tego pierwszego) są w jednej linii (obok siebie) i między nimi jest odstęp 6px; a jak się nie mieszcza w przeglądarce to żeby się zrobił pasek do przewijania
mam style takie:
<style type="text/css"> .a{ display: inline; position: relative; } .b{ top: 100px; position: relative; display: inline; margin: 50px; } </style>
ale nie działa tak jak należy, ma ktoś jaiiś pomysł?
i chciałbym też aby jak skopiuje ten cały div i wkleje jeszcze raz, to zeby był odstęp 50px, od tego powyżej, jak to zrobić?
.b{ display: inline; margin-left: 6px; margin-top: 50px; float:left; } po co Ci klasa a? daj wszedzie b
Co do paska przewijania:
dopisz w sekcji style:
body { white-space: nowrap }
jeszcze jeden problem z divami, otóż
<html> <style type="text/css"> .a{ display: inline-block; margin-left: 0px; margin-top: 0px; float:left; clear: none; } </style> <body> <div class="a"><p>Nazwa:tutaj nazwa zdjątka</p><A HREF="http://www.codeguru.pl/images/mts2006-400.gif"><IMG SRC="http://www.codeguru.pl/images/mts2006-400.gif"></A><p>Komentarz: </p><p>a komciu tutaj</p></div> <div class="a"><p>Nazwa:tutaj nazwa zdjątka</p><A HREF="http://www.codeguru.pl/images/mts2006-400.gif"><IMG SRC="http://www.codeguru.pl/images/mts2006-400.gif"></A><p>Komentarz: </p><p>a komciu tutaj</p></div> <div class="a"><p>Nazwa:tutaj nazwa zdjątka</p><A HREF="http://www.codeguru.pl/images/mts2006-400.gif"><IMG SRC="http://www.codeguru.pl/images/mts2006-400.gif"></A><p>Komentarz: </p><p>a komciu tutaj</p></div> </body> </html>
między tekstem, a obrazem, a znowu tekstrem są odstępy, JAK JE zredukować do 5px?