Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html] Takie wyświetlanie tektu/grafiki
fvrdi1guerg0
post
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 31.01.2013

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

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 
  1. </head>
  2. <body>
  3.  
  4. <div id="galeria">
  5. <nobr>
  6.  
  7.  <img border="0" src="" alt="Tekswwwwwwwwwwwwwwwwwnatywnyhgxxrxxxxxxxxxxxxxxxxxxxxxxxxxxxx" width="466" height="700" />
  8.  <img border="0" src="" alt="Tekst alternatywnyxxxxxxxxxxxxxxxrrrrrrxxxxxxxxxxxxxxxxxxxxxx" width="466" height="700" />
  9.  <img border="0" src="" alt="Tekst alterwwwwwwwwwwwwwwnhhhhhhhywnyxxxxxxxxxxxxxxxxxxxxxxxx" width="466" height="700" />
  10.  <img border="0" src="" alt="Tekswwwwwwwwwwwwwwwt alterhhhvvvvvhhhhhhhhhhhhhnyxxxxxxxxxxxx" width="466" height="700" />
  11.  <img border="0" src="" alt="Tekwwwwwwwwwwwwwst altewwwwwwvvvvvvwwwwrnxxxxxxxxxxxxxxatywny" width="466" height="700" />
  12.  <img border="0" src="" alt="Tekwwwwwwwwwwwwwwst alternxxxxvvvvvvvvvvvvvvvxxxxxxxxxxatywny" width="466" height="700" />
  13.  <img border="0" src="" alt="Tewwwwwwwwwwwwwwwwkst alxxxxxxxxvvvvvvvvvvvvxxxxxxxternatywny" width="466" height="700" />
  14.  
  15. </nobr></div>
  16.  
  17. <div id="logo">
  18. <center>
  19.  
  20.  <img border="0" src="" alt="Tewwwwwwwwwwkst alterxxxxxxxxxxnatywny" width="700" height="160" />
  21.  
  22. </center>
  23.  
  24. </body>
  25. </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ć.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
djgarsi
post
Post #2





Grupa: Zarejestrowani
Postów: 459
Pomógł: 26
Dołączył: 1.06.2009

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

[CSS] pobierz, plaintext 
  1. height: 700px;
  2. overflow: auto;
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post
PtasiorZz
post
Post #3





Grupa: Zarejestrowani
Postów: 17
Pomógł: 3
Dołączył: 2.04.2010

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

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

Ten post edytował PtasiorZz 31.01.2013, 18:21:22
Go to the top of the page
+Quote Post
djgarsi
post
Post #4





Grupa: Zarejestrowani
Postów: 459
Pomógł: 26
Dołączył: 1.06.2009

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

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 (IMG:style_emoticons/default/wink.gif) 
[CSS] pobierz, plaintext 
  1. #galeria {
  2. height: 700px;
  3. overflow: auto;
  4. ]
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post
fvrdi1guerg0
post
Post #5





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 31.01.2013

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

Dzięki dział (IMG:style_emoticons/default/specool.gif) a ja walczyłem 2 dni z tym
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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

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