[HTML][CSS] - Forum PHP.pl

[HTML][CSS], układ zdjęć w divie

em-ba Zobacz profil	8.05.2009, 15:54:18 Post #1
Grupa: Zarejestrowani Postów: 202 Pomógł: 3 Dołączył: 6.01.2008 Skąd: Mazowieckie Ostrzeżenie: (0%)	Witam, chciałbym sie dowiedzieć w jaki sposób mogę wypozycjonować za pomocą CSS kilka zdjęć mających się znaleźć bezpośrednio po sobie, tzn w pierwszej linii jedno szerokie a bezpośrednio pod nim 4 wąskie w sumie na szerokość pierwszego (wiem, zrozumiale;) ) i teraz daje takie komendy: [HTML] pobierz, plaintext <body> <div id="tr"> <div id="COS"></div> </div> </body> [HTML] pobierz, plaintext [HTML] pobierz, plaintext [css] html, body { background-image:url(foto/cy01.jpg); margin: 0; padding: 0; } #COS { width: auto; height: 290px; background:url(foto/cy02.jpg) no-repeat 50% 5px; } #COS.a { position:relative; background:url(fotoi/cy03.jpg) no-repeat; } [/css] [HTML] pobierz, plaintext Mogłby mi ktoś powiedzieć co robie źle? Ten post edytował em-ba 8.05.2009, 15:55:17

Odpowiedzi

Spawnm Zobacz profil	8.05.2009, 18:01:00 Post #2
Grupa: Moderatorzy Postów: 4 069 Pomógł: 497 Dołączył: 11.05.2007 Skąd: Warszawa	ale te zdjęcia to jako tło czy zwykłe <img> ? bo jak img to 1 <br/> po 1 zdjęciu i gotowe (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) jeśli tła w div to 1 w topie i 4 pod nim <div id='top'>top</div> <div class='dol'>1</div> <div class='dol'>2</div> <div class='dol'>3</div> <div class='dol'>4</div> css: #top{ width:400px; height:300px; background-image:url(foto/cy01.jpg) } .dol{ float:left; width:100px; height:100px; background-image:url(foto/cy02.jpg) }