Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS], układ zdjęć w divie
em-ba
post
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 
  1. <body>
  2.  <div id="tr">
  3.   <div id="COS"></div>
  4.  </div>
  5. </body>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. [css]
  2. html, body {
  3.     background-image:url(foto/cy01.jpg);
  4.     margin: 0;
  5.     padding: 0;
  6. }
  7.  
  8. #COS {
  9.     width: auto;
  10.     height: 290px;
  11.     background:url(foto/cy02.jpg) no-repeat 50% 5px;
  12. }
  13. #COS.a {
  14.     position:relative;
  15.     background:url(fotoi/cy03.jpg) no-repeat;
  16. }
  17.  [/css]
[HTML] pobierz, plaintext


Mogłby mi ktoś powiedzieć co robie źle?

Ten post edytował em-ba 8.05.2009, 15:55:17
Go to the top of the page
+Quote Post
Spawnm
post
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)
}
Go to the top of the page
+Quote Post
KCG
post
Post #3





Grupa: Zarejestrowani
Postów: 449
Pomógł: 4
Dołączył: 1.12.2006

Ostrzeżenie: (0%)
-----

Tu nie ma, co pozycjonować. W jednym <div> duże zdjęcie, w drugim małe, tylko zrób tak, aby miniaturki miały takie szerokości, że w sumie razem z marginesami dadzą szerokość dużej fotki, czyli np. dla fotki 800px: 4 x 197px + 12px na marginesy (odstępy 3 x 4px). (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 04:05
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn