Forum PHP.pl > [CSS][HTML]Menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Matthewcode

25.03.2012, 18:37:32

Witam.
Mógłbym prosić o jakiś gotowy kod CSS Menu?
Może być najprostszy. Chcę zobaczyć jak jest zbudowany i go powoli edytować bo z tego co patrzyłem na internecie to nic mi nie działa.
Byłbym bardzo wdzięczny.
Pozdrawiam.

Weles

25.03.2012, 18:47:45

Kod

O to ci chodzi?

boro11

25.03.2012, 18:49:29

Menu robi się zazwyczaj na liście (ul,li)

http://www.kurshtml.edu.pl/css/menu.html

Matthewcode

25.03.2012, 18:56:21

Cytat(boro11 @ 25.03.2012, 19:49:29 )

Menu robi się zazwyczaj na liście (ul,li)

http://www.kurshtml.edu.pl/css/menu.html

Dzięki.

@edit
Dobra - wykorzystałem ten kod:

[HTML] pobierz, plaintext 
<!DOCTYPE html 
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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" />
<title>Poziome menu - Menu w CSS - Kurs CSS</title>
<style type="text/css">
/* <![CDATA[ */
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
 
ul {
	float: left;
	background-color: #fff;
	padding: 1px 0 1px 1px;
	border: 1px solid #000;
}
 
ul li {
	float: left;
}
 
ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	background: #000 url("tlo.gif") repeat-x center;
	color: #fff;
	padding: 10px 20px;
	border-right: 1px solid #fff;
	border-right: 1px solid #fff;
}
 
ul a:hover {
	background-color: #800;
	background-image: url("tlo2.gif");
}
/* ]]> */
</style>
</head>
<body>
<ul class="menu_poziome">
<li><a href="czcionki.html">Czcionki</a></li>
<li><a href="tekst.html">Tekst</a></li>
<li><a href="tlo.html">Tło</a></li>
<li><a href="marginesy.html">Marginesy</a></li>
<li><a href="obramowanie.html">Obramowanie</a></li>
</ul>
</body>
</html>
[HTML] pobierz, plaintext

Tutaj tkwi moje pytanie.
Jak zrobić, aby menu było na środku?
Bo jak robię tak:

[HTML] pobierz, plaintext 
<center>
<body>
<ul class="menu_poziome">
<li><a href="czcionki.html">Czcionki</a></li>
<li><a href="tekst.html">Tekst</a></li>
<li><a href="tlo.html">Tło</a></li>
<li><a href="marginesy.html">Marginesy</a></li>
<li><a href="obramowanie.html">Obramowanie</a></li>
</ul>
</body>
</center>
[HTML] pobierz, plaintext

To nie działa.

Damonsson

26.03.2012, 00:33:02

Nie używa się <center>

Do CSS:

dodajesz:
body {text-align: center}

a w:
ul {

zamianiasz: float: left;
na: display: inline-block;

Matthewcode

26.03.2012, 07:30:15

Bez skutku.

Kiziek

26.03.2012, 07:32:52

Dopisz w CSS do ul 'margin: 0 auto;'

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.