[Anamitr]

Witam, wiem, że pełno odpowiedzi na to pytanie w internecie, ale mimo to nie mogę sobie poradzić. Nie umiem zbyt wiele w html, próbowałem zastosować wiele rozwiązań znalezionych w internecie, ale nic nie pomogło.
Od razu powiem, iż próbowałem <center>, <div align="center">. Z marginesami też coś kombinowałem, ale chyba mam w CSS coś co je "neutralizuje".

Menu w html:

      <!Menu>
      <UL>
      <LI><A HREF="HOME.html" TARGET="STRONA">HOME</A></LI>
      <LI><A HREF="START1.html" TARGET="STRONA">START</A></LI>
      <LI><A HREF="OBIEKTY.html" TARGET="STRONA">OBIEKTY</A></LI>
      <LI><A HREF="ASCII.html" TARGET="STRONA">ASCII</A></LI>
      <LI><A HREF="TYPY C.html" TARGET="STRONA">TYPY</A></LI>
      <LI><A HREF="IF.html" TARGET="STRONA">IF</A></LI>
      <LI><A HREF="PETLE.html" TARGET="STRONA">PĘTLE</A></LI>
      </UL>

Styl CSS:

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: #006600;
	color: #fff;
	padding: 10px 20px;
	border-right: 1px solid #fff;
	border-right: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;  
}

[januzi]

może być div, tylko ustaw w nim szerokość, i marginesy na auto

[Anamitr]

januzi, o 07 Luty 2012 - 13:05, napisał(a):

może być div, tylko ustaw w nim szerokość, i marginesy na auto

Jakbyś mógł napisać jak to dokładnie wygląda to byłbym wdzięczny.

[januzi]

<div style="width: px; margin: auto;">menu</div>

[Anamitr]

No cóż, wydaje mi się, że to dobrze wkleiłem, ale nie działa.

      <div style="width: px; margin: auto;">
      <UL>
      <LI><A HREF="HOME.html" TARGET="STRONA">HOME</A></LI>
      <LI><A HREF="START1.html" TARGET="STRONA">START</A></LI>
      <LI><A HREF="OBIEKTY.html" TARGET="STRONA">OBIEKTY</A></LI>
      <LI><A HREF="ASCII.html" TARGET="STRONA">ASCII</A></LI>
      <LI><A HREF="TYPY C.html" TARGET="STRONA">TYPY</A></LI>
      <LI><A HREF="IF.html" TARGET="STRONA">IF</A></LI>
      <LI><A HREF="PETLE.html" TARGET="STRONA">PĘTLE</A></LI>
      <LI><A HREF="AUTOR.html" TARGET="STRONA">AUTOR</A></LI>
      <LI><A HREF="zrodla.html" TARGET="STRONA">ŹRÓDŁA</A></LI>
      </UL>
      </DIV>

[ZienQ]

Proponuje ten przykład:

PLIK HTML (nie zapomnij dodać ścieżki do pliku stylu CSS):

 
 <div style="width: px; margin: auto;">
    <!Menu>
    <div id="menu">
      <UL>
      <LI><A HREF="HOME.html" TARGET="STRONA">HOME</A></LI>
      <LI><A HREF="START1.html" TARGET="STRONA">START</A></LI>
      <LI><A HREF="OBIEKTY.html" TARGET="STRONA">OBIEKTY</A></LI>
      <LI><A HREF="ASCII.html" TARGET="STRONA">ASCII</A></LI>
      <LI><A HREF="TYPY C.html" TARGET="STRONA">TYPY</A></LI>
      <LI><A HREF="IF.html" TARGET="STRONA">IF</A></LI>
      <LI><A HREF="PETLE.html" TARGET="STRONA">PÊTLE</A></LI>
      </UL>
      </div>

PLIK CSS:

#menu {
   float: left;
   width: 100%;
   background: #fff;
   border-bottom: 4px solid #000;
   overflow: hidden;
   position: relative;
}
#menu ul {
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   left: 50%;
   text-align: center;
}
#menu ul li {
   display: block;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   right: 50%;
}
#menu ul li a {
   display: block;
   margin: 0 0 0 1px;
   padding: 3px 10px;
   background: #ddd;
   color: #000;
   text-decoration: none;
   line-height: 20px;
}
#menu ul li a:hover {
   background: #b00;
   color: #fff;
}
#menu ul li a.zaznaczony, #menu ul li a.zaznaczony:hover {
   color: #fff;
   background: #000;
   font-weight: bold;
}

Myślę, że nie będziesz miał problemu z przekształceniem tego.

Ten post był edytowany przez ZienQ dnia: 08 Luty 2012 - 22:27

[Anamitr]

Dziekuję, bardzo piękne menu, tak dam sobie radę z pokolorowaniem go.