[CSS] Ginie wysokość w display:inline

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

[CSS] Ginie wysokość w display:inline, Działa tylko na absolute

Tomplus Zobacz profil	9.09.2008, 15:14:12 Post #1
Grupa: Zarejestrowani Postów: 1 879 Pomógł: 230 Dołączył: 20.03.2005 Skąd: Będzin Ostrzeżenie: (0%)	Witam, Zrobiłem stronkę, ale przedstawię tylko fragment nad którym spędziłem większość czasu. Przedstawię poniżej (skrócony) albo na http://www.swos.pl/temp/jubiler/cat.html [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <title>Jubiler</title> <style> ul li { margin:0; list-style:none; text-aling:center; display: inline; border: 1px dotted #ccc; background-color: #fff; width: 171px; height: 181px; } li:hover { } ul li a { } ul li img { padding:30px; } ul li.a { position: absolute; margin:0; list-style:none; text-aling:center; display: inline; border: 1px dotted #fcc; background-color: #fff; width: 171px; height: 181px; } </style> </head> <body> <ul> <li class="a"><a href="#"><img src="gfx/obraczka.png"/></a></li> <li><a href="#"><img src="gfx/obraczka.png"/></a></li> <li><a href="#"><img src="gfx/obraczka.png"/></a></li> </ul> </body> </html> [HTML] pobierz, plaintext Gdy klikniecie na przykład, wszystko się wyjaśni, Pierwszy element ustawiony jako absolute, ma rozmiar: 171x181 z tłem białym pod obrazkiem. Jako że to jest absolute, musiałbym każdy element przesuwać o Npx, a tym bardziej opcja display:inline nie ma prawa działać w takiej pozycji. Dlatego stosuje relatywne wyświetlenie, ale mimo ze lista układa mi się poziomo, to nie pojawia się tło elementu LI, co mnie b. smuci. Dlatego proszę o pomoc w rozwiązaniu problemu. Problem teraz stanowi elementy Ten post edytował Tomplus 9.09.2008, 15:16:50