Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Menu
Matthewcode
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 24.03.2012
Skąd: Bstok

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
Weles
post
Post #2





Grupa: Zarejestrowani
Postów: 213
Pomógł: 0
Dołączył: 7.07.2011

Ostrzeżenie: (0%)
-----

Kod
<style>
span.klasa1 {
background: #000000;
padding: 5px;
}
</style>

<span class="klasa1">Masło</span>


O to ci chodzi?

Ten post edytował Weles 25.03.2012, 18:48:38
Go to the top of the page
+Quote Post
boro11
post
Post #3





Grupa: Zarejestrowani
Postów: 283
Pomógł: 11
Dołączył: 9.07.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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

http://www.kurshtml.edu.pl/css/menu.html
Go to the top of the page
+Quote Post
Matthewcode
post
Post #4





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 24.03.2012
Skąd: Bstok

Ostrzeżenie: (0%)
-----

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 
  1. <!DOCTYPE html 
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  7. <title>Poziome menu - Menu w CSS - Kurs CSS</title>
  8. <style type="text/css">
  9. /* <![CDATA[ */
  10. ul, ul li {
  11. 	display: block;
  12. 	list-style: none;
  13. 	margin: 0;
  14. 	padding: 0;
  15. }
  16.  
  17. ul {
  18. 	float: left;
  19. 	background-color: #fff;
  20. 	padding: 1px 0 1px 1px;
  21. 	border: 1px solid #000;
  22. }
  23.  
  24. ul li {
  25. 	float: left;
  26. }
  27.  
  28. ul a:link, ul a:visited {
  29. 	text-decoration: none;
  30. 	display: block;
  31. 	font-weight: bold;
  32. 	background: #000 url("tlo.gif") repeat-x center;
  33. 	color: #fff;
  34. 	padding: 10px 20px;
  35. 	border-right: 1px solid #fff;
  36. 	border-right: 1px solid #fff;
  37. }
  38.  
  39. ul a:hover {
  40. 	background-color: #800;
  41. 	background-image: url("tlo2.gif");
  42. }
  43. /* ]]> */
  44. </style>
  45. </head>
  46. <body>
  47. <ul class="menu_poziome">
  48. <li><a href="czcionki.html">Czcionki</a></li>
  49. <li><a href="tekst.html">Tekst</a></li>
  50. <li><a href="tlo.html">Tło</a></li>
  51. <li><a href="marginesy.html">Marginesy</a></li>
  52. <li><a href="obramowanie.html">Obramowanie</a></li>
  53. </ul>
  54. </body>
  55. </html>
[HTML] pobierz, plaintext

Tutaj tkwi moje pytanie.
Jak zrobić, aby menu było na środku?
Bo jak robię tak:
[HTML] pobierz, plaintext 
  1. <center>
  2. <body>
  3. <ul class="menu_poziome">
  4. <li><a href="czcionki.html">Czcionki</a></li>
  5. <li><a href="tekst.html">Tekst</a></li>
  6. <li><a href="tlo.html">Tło</a></li>
  7. <li><a href="marginesy.html">Marginesy</a></li>
  8. <li><a href="obramowanie.html">Obramowanie</a></li>
  9. </ul>
  10. </body>
  11. </center>
[HTML] pobierz, plaintext

To nie działa.

Ten post edytował Matthewcode 25.03.2012, 19:12:15
Go to the top of the page
+Quote Post
Damonsson
post
Post #5





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Nie używa się <center>

Do CSS:

dodajesz:
body {text-align: center}

a w:
ul {

zamianiasz: float: left;
na: display: inline-block;
Go to the top of the page
+Quote Post
Matthewcode
post
Post #6





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 24.03.2012
Skąd: Bstok

Ostrzeżenie: (0%)
-----

Bez skutku.
Go to the top of the page
+Quote Post
Kiziek
post
Post #7





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 25.03.2012

Ostrzeżenie: (0%)
-----

Dopisz w CSS do ul 'margin: 0 auto;'
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 14.09.2025 - 16:15
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn