Хоризонтално меню....

Gh057

Registered
Отново аз с мойте менюта... :D искам от вертикално да стане хоризонтално, но не ми стана много много ясно от уроците, който прочетох....
Код:
.menu2 {
    height:auto;
}
.menu2 a:link, .menu2 a:visited {
   float:left;
   display:block;
   width: 50px;
   height: 30px;
   text-decoration: none;
   font-family: verdana, arial, sans-serif;
   font-size: 15px;
   padding-left: 10px;
   padding-top:10px;
   background-image:url(pic/2nd.gif);
}
.menu2 a:hover {
   background:url(pic/5t.gif);
   color: #000000;
   border-left:10px solid #000000;
}

При index-a трябва да се добавят <ul><li>, но какви настройки да им се придадат не разбрах...
Код:
<ul>
	<li><a href="index.html">link 1</a></li>
	<li><a href="index.html">link 1</a></li>
</ul>
Ако може някой да ме светне как това чудо ще стане хоризонтално...
 
хоризонталното меню няма да е със списъци а ще е <a href=''> и в CSS ще си добавиш флоат: лефт;
 
miro91 каза:
хоризонталното меню няма да е със списъци а ще е <a href=''> и в CSS ще си добавиш флоат: лефт;

Тук може да поспорим с тебе.Може и във списък да е , ако искаш да ти е по подредено!!! А и се настрйват по-лесно няко неща.

<ul>
<li><a href="#">link 1</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
</ul>

CSS:

ul li { float:left;}


и ти става хоризонтално менюто, като махнеш float:left става вертикално.
 

Back
Горе