Forum PHP.pl > [CSS]Poziome menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

RoysoN

24.04.2010, 15:42:46

Witam, stworzylem sobie zarąbiste menu! Działa bez zarzutu!
...dopóki nie otworzymy go za pomocą Internet Explorer. To wygląda tak jakby mi w ogóle nie czytał menuh.css(pliku odpowiedzialnego za wygląd samego menu). Próbowałem na różne sposoby, bezskutecznie.

[HTML] pobierz, plaintext 
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
 
ul li {
	float: left;
display:inline;
}
 
ul a:link, ul a:visited {
 
	text-decoration: none;
	display: block;
	height:20px;
	text-align: center;
	background:url(../grafika/tla/ttlo.jpg);
	color: #fff;
	border-right: 2px outset #ccc;
padding-left:10px;
padding-right:10px;
padding-top:5px;
}
 
ul a:hover {
background:url(grafika/tla/men0.gif);
color:black;
}
[HTML] pobierz, plaintext

Dobre menu
Złe menu
Proszę o pomoc.

Qvazar

24.04.2010, 16:10:47

spróbuj nadać width dla elementu li

darophp

24.04.2010, 16:29:53

Zmień kodowanie na Strict i sprawdź walidator. Dzięki temu, na wszytskich stronach będzie wyświetlać się poprawnie

pedro84

24.04.2010, 16:36:18

Cytat(darophp @ 24.04.2010, 17:29:53 )

Zmień kodowanie na Strict i sprawdź walidator. Dzięki temu, na wszytskich stronach będzie wyświetlać się poprawnie

Kodowanie 'strict'? Hm... nigdy o tym nie słyszałem. Jak już radzisz, to rób to dobrze. Mówisz o DOCTYPE. Rada do kitu, bo może ma stronę w HTML 4.01?

@Autor: Daj URL, a nie jakieś obrazki.

RoysoN

24.04.2010, 17:48:30

http://royson.cba.pl/test/

pedro84

24.04.2010, 18:15:14

1. Więcej tych arkuszy narobić nie mogłeś?

2. Po co Ci ta tabelka?
3. Usuń tabelę, tego diva też, wypozycjonuj menu normalnie, nadaj elementom (<li>)

[CSS] pobierz, plaintext 
display:inline
[CSS] pobierz, plaintext

i powinno działać.

RoysoN

24.04.2010, 19:12:02

Chciałem porządek zaprowadzić, więc zrobiłem wszystko w osobnych arkuszach;))
Co do tabel to była ostateczność, gdy jeszcze miałem inna koncepcje.
Dzieki za pomoc;)) Prądzi ;P

darophp

25.04.2010, 19:14:19

Cytat(pedro84 @ 24.04.2010, 17:36:18 )

Kodowanie 'strict'? Hm... nigdy o tym nie słyszałem. Jak już radzisz, to rób to dobrze. Mówisz o DOCTYPE. Rada do kitu, bo może ma stronę w HTML 4.01?
@Autor: Daj URL, a nie jakieś obrazki.

No tak, moja wina

Tak jak by co:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[HTML] pobierz, plaintext

Tak jak kolega mówił, poczytaj o importowaniu w CSS

[HTML] pobierz, plaintext 
@import url("plik.css");
[HTML] pobierz, plaintext

Wykorzystuj jak najmniej tabelek. Rób na divach i z małych literek

I parę dodatków: ...

[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>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
</head>
<body lang="pl" xml:lang="pl"> ...
[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.