Forum PHP.pl > [CSS] UL

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] UL

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

eai

15.09.2006, 13:34:27

[HTML] pobierz, plaintext 
ul { list-style-type: circle; list-style-position: inside; }
li { width: 95px; height: 50px;  border: 1px solid; border-color: #000000; }
[HTML] pobierz, plaintext

[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>Test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="styl.css" />
</head>
<body>
 
	<ul>
		<li>hej</li>
		<li>hah</li>
		<li>elo</li>
	</ul>
</body>
</html>
[HTML] pobierz, plaintext

Pod ff jest elegancko. Tnz koleczka sa wewnatrz obramowania.
Po IE jest zle mimo ze jest "inside" to koleczka sa poza obszarem obramowania li

Pomocy bo juz zwiatpie calkiem....

s_w_ir

15.09.2006, 17:19:19

Kod

ul {
    list-style: inside; // tu jest zmiana przyjżyj się
    }
li {
    border: 1px solid black;
    }

IE nie zna tego: list-style-position: inside;
Aby sprawdzić że IE tego nie zna sprawdź coś takiego: <li>cos<br />test</li>(sprawdź z list-style-position i list-style)
Mam nadzieje że wiesz jak wygląda lista formatowana z inside

Warto w takich przypadkach przejżec dokumentacje css1.
http://www.w3.org/TR/CSS1#list-style-type
http://www.w3.org/TR/CSS1#list-item-elements

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.