Forum PHP.pl > [html][css][js?] Obrazek nad obrazkiem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [html][css][js?] Obrazek nad obrazkiem

Forum PHP.pl > Forum > Po stronie przeglądarki

Seth

18.12.2007, 16:39:19

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

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 :/)

stoprocent

19.12.2007, 16:22:32

tu przyklad klik

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
 
.img-container {
	position:relative;
        height:1 px; // To jest potrzebne dla IE a firefox i opera zignoruja to bo jest przerwa pozniedzy px a cyfra
}
 
.img-small {
	position:absolute;
	left:0;
	bottom:0;
}
 
</style>
</head>
<body>
 
<div class="img-container">
	<img src="Untitled-1.jpg" class="img-small" alt="" />
	<img src="pb.jpg" class="img" alt="" />
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

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.