Forum PHP.pl > [HTML][CSS]

Pomoc - Szukaj - Użytkownicy - Kalendarz

em-ba

8.05.2009, 15:54:18

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?

Spawnm

8.05.2009, 18:01:00

ale te zdjęcia to jako tło czy zwykłe <img> ?
bo jak img
to 1 <br/> po 1 zdjęciu i gotowe

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)
}

KCG

8.05.2009, 18:46:25

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).

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.