Forum PHP.pl > [html] Takie wyświetlanie tektu/grafiki

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [html] Takie wyświetlanie tektu/grafiki

fvrdi1guerg0

31.01.2013, 17:57:13

Witam was! chciałbym się dowiedzieć jak zakodować takie wyświetlanie grafiki/tekstu jak tu http://www.retouch.ca/
aby ten suwak co przesuwa grafikę był tak jak na ww stronie i można by było coś jescze podnim wstawić
zrobiłem tak

[HTML] pobierz, plaintext 
</head>
<body>
 
<div id="galeria">
<nobr>
 
 <img border="0" src="" alt="Tekswwwwwwwwwwwwwwwwwnatywnyhgxxrxxxxxxxxxxxxxxxxxxxxxxxxxxxx" width="466" height="700" />
 <img border="0" src="" alt="Tekst alternatywnyxxxxxxxxxxxxxxxrrrrrrxxxxxxxxxxxxxxxxxxxxxx" width="466" height="700" />
 <img border="0" src="" alt="Tekst alterwwwwwwwwwwwwwwnhhhhhhhywnyxxxxxxxxxxxxxxxxxxxxxxxx" width="466" height="700" />
 <img border="0" src="" alt="Tekswwwwwwwwwwwwwwwt alterhhhvvvvvhhhhhhhhhhhhhnyxxxxxxxxxxxx" width="466" height="700" />
 <img border="0" src="" alt="Tekwwwwwwwwwwwwwst altewwwwwwvvvvvvwwwwrnxxxxxxxxxxxxxxatywny" width="466" height="700" />
 <img border="0" src="" alt="Tekwwwwwwwwwwwwwwst alternxxxxvvvvvvvvvvvvvvvxxxxxxxxxxatywny" width="466" height="700" />
 <img border="0" src="" alt="Tewwwwwwwwwwwwwwwwkst alxxxxxxxxvvvvvvvvvvvvxxxxxxxternatywny" width="466" height="700" />
 
</nobr></div>
 
<div id="logo">
<center>
 
 <img border="0" src="" alt="Tewwwwwwwwwwkst alterxxxxxxxxxxnatywny" width="700" height="160" />
 
</center>
 
</body>
</html>
[HTML] pobierz, plaintext

ale niestety sumak jest u dołu strony a to <img border="0" src="" alt="Tewwwwwwwwwwkst alterxxxxxxxxxxnatywny" width="700" height="160" /> chcę mieć pod suwakiem aby się z przesuwało.
wyjaśni mi ktoś jak to zrobić.

djgarsi

31.01.2013, 18:07:12

[CSS] pobierz, plaintext 
height: 700px;
overflow: auto;
[CSS] pobierz, plaintext

PtasiorZz

31.01.2013, 18:18:59

Kolega wyżej dobrze napisał, aczkolwiek w elemencie #galeria musisz umieścić jeszcze jeden div, inaczej "suwak" dostanie cała strona.

#edit
Dodaj również w stylach:

Kod

#galeria > img {
display: inline-block;
}

..zamiast używania <nobr>.

djgarsi

31.01.2013, 18:21:27

Cytat(PtasiorZz @ 31.01.2013, 18:18:59 )

Kolega wyżej dobrze napisał, aczkolwiek w elemencie #galeria musisz umieścić jeszcze jeden div, inaczej "suwak" dostanie cała strona.

Fakt

[CSS] pobierz, plaintext 
#galeria {
height: 700px;
overflow: auto;
]
[CSS] pobierz, plaintext

fvrdi1guerg0

31.01.2013, 19:02:43

Dzięki dział

a ja walczyłem 2 dni z tym

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.