Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
 
 Start new topic
Odpowiedzi
KCG
post
Post #2





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

Posty w temacie
- em-ba   [HTML][CSS]   8.05.2009, 15:54:18
- - Spawnm   ale te zdjęcia to jako tło czy zwykłe <img> ...   8.05.2009, 18:01:00
- - KCG   Tu nie ma, co pozycjonować. W jednym <div> d...   8.05.2009, 18:46:25

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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