Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [html][css][js?] Obrazek nad obrazkiem
Seth
post 18.12.2007, 16:39:19
Post #1





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

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

Mam problem z wypozycjonowaniem obrazka, ktory ma sie znalezc nad obrazkiem.

Problem wyglada nastepujaco:

Chce stworzyc takie cos:


Oba obrazki to linki.
Problem polega na tym, ze obrazek nr 2 ma rozne rozmiary, a wyciaganie ich za kazdym razem bedzie juz ostatecznoscia winksmiley.jpg
Obrazek nr 1 pozycjonuje przez JS ale potrzebuje metody na to aby za pomoca samego CSSa byl on zawsze na swoim miejscu (lewy dolny rog)

Dodam jeszcze bardzo wazna rzecz: obrazek nr. 2 moze byc oblany z prawej strony tekstem albo (domyslnie w przypadku braku tekstu) wycentrowany.


Ktos ma na to jakis pomysl? :/

Calosc powinna dzialac na FF, IE i Operze (z Opera niestety sa najwieksze problemy :/)

Ten post edytował Seth 18.12.2007, 16:42:32
Go to the top of the page
+Quote Post
stoprocent
post 19.12.2007, 16:22:32
Post #2





Grupa: Zarejestrowani
Postów: 338
Pomógł: 2
Dołączył: 17.05.2003
Skąd: Kraków , Londyn

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

tu przyklad klik

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.  
  5. .img-container {
  6. 	position:relative;
  7.         height:1 px; // To jest potrzebne dla IE a firefox i opera zignoruja to bo jest przerwa pozniedzy px a cyfra
  8. }
  9.  
  10. .img-small {
  11. 	position:absolute;
  12. 	left:0;
  13. 	bottom:0;
  14. }
  15.  
  16. </style>
  17. </head>
  18. <body>
  19.  
  20. <div class="img-container">
  21. 	<img src="Untitled-1.jpg" class="img-small" alt="" />
  22. 	<img src="pb.jpg" class="img" alt="" />
  23. </div>
  24.  
  25. </body>
  26. </html>
[HTML] pobierz, plaintext


Ten post edytował stoprocent 19.12.2007, 16:31:34


--------------------
Kiedys NASTO
100procent
Twitter
Praca
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 23.07.2025 - 10:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn