Меню на един ред, как?

[Dzvera]

Здравейте! Може ли някой да ми направи това меню от 11 колонки да са на един ред. В момента са един по друг. И ако е възможно да е със линкове към бутоните?

Ето го и кога:

<center><style type='text/css'>

a.nav, a.nav:link, a.nav:visited {display:block; width:110px; height:25px; background:#333 url('menu.jpg'); border:1px solid #000; margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#fff; line-height:25px; overflow:hidden;}
a.nav:hover {color:#fff; background:#333;}
a.nav:active {color:#fff; background:#333;}

</style>



<a class='nav' href='index.php?a=home'; title='home'>Начало</a>
<a class='nav' href='index.php?a=catalogs' title='catalogs'>Каталози</a>
<a class='nav' href='index.php?a=news' title='news'>Новини</a>
<a class='nav' href='index.php?a=people' title='people'>Личности</a>
<a class='nav' href='index.php?a=actors' title='actors'>Актьори</a>
<a class='nav' href='index.php?a=bg movies' title='bg movies'>Филми</a>
<a class='nav' href='index.php?a=banners' title='banners'>Банери</a>
<a class='nav' href='index.php?a=radio' title='radio'>Радио</a>
<a class='nav' href='index.php?a=chat' title='chat'>Чат</a>
<a class='nav' href='index.php?a=team' title='team'>Екип</a>
<a class='nav' href='index.php?a=bg actors' title='bg actors'>BUL</a></center>

 

[Dzvera]

Няма ли кой да ми помогне?

 

[dELux_nike]

<style type='text/css'>

a.nav, a.nav:link, a.nav:visited {float:left; width:110px; height:25px; background:#333 url('menu.jpg'); border:1px solid #000; margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#fff; line-height:25px; overflow:hidden;}
a.nav:hover {color:#fff; background:#333;}
a.nav:active {color:#fff; background:#333;}

</style>

<center>

<a class='nav' href='index.php?a=home'; title='home'>Начало</a>
<a class='nav' href='index.php?a=catalogs' title='catalogs'>Каталози</a>
<a class='nav' href='index.php?a=news' title='news'>Новини</a>
<a class='nav' href='index.php?a=people' title='people'>Личности</a>
<a class='nav' href='index.php?a=actors' title='actors'>Актьори</a>
<a class='nav' href='index.php?a=bg movies' title='bg movies'>Филми</a>
<a class='nav' href='index.php?a=banners' title='banners'>Банери</a>
<a class='nav' href='index.php?a=radio' title='radio'>Радио</a>
<a class='nav' href='index.php?a=chat' title='chat'>Чат</a>
<a class='nav' href='index.php?a=team' title='team'>Екип</a>
<a class='nav' href='index.php?a=bg actors' title='bg actors'>BUL</a></center>

display:block; го заменяш с float:left;

 

[Dzvera]

<style type='text/css'>

a.nav, a.nav:link, a.nav:visited {float:left; width:110px; height:25px; background:#333 url('menu.jpg'); border:1px solid #000; margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#fff; line-height:25px; overflow:hidden;}
a.nav:hover {color:#fff; background:#333;}
a.nav:active {color:#fff; background:#333;}

</style>

<center>

<a class='nav' href='index.php?a=home'; title='home'>Начало</a>
<a class='nav' href='index.php?a=catalogs' title='catalogs'>Каталози</a>
<a class='nav' href='index.php?a=news' title='news'>Новини</a>
<a class='nav' href='index.php?a=people' title='people'>Личности</a>
<a class='nav' href='index.php?a=actors' title='actors'>Актьори</a>
<a class='nav' href='index.php?a=bg movies' title='bg movies'>Филми</a>
<a class='nav' href='index.php?a=banners' title='banners'>Банери</a>
<a class='nav' href='index.php?a=radio' title='radio'>Радио</a>
<a class='nav' href='index.php?a=chat' title='chat'>Чат</a>
<a class='nav' href='index.php?a=team' title='team'>Екип</a>
<a class='nav' href='index.php?a=bg actors' title='bg actors'>BUL</a></center>

display:block; го заменяш с float:left;

Заслужи си точката 1 :?:

 

[exec]

Ако пък искаш да имаш наистина добър XHTML код, всички тия линкове ги подреждаш в един списък и пак правиш магията с float:left; и разни други работи.

<ul>
    <li><a href="...">начало</a></li>
    <li><a href="...">каталози</a></li>
    <li><a href="...">новини</a></li>
</ul>

 

[shterev]

Ако пък искаш да имаш наистина добър XHTML код, всички тия линкове ги подреждаш в един списък и пак правиш магията с float:left; и разни други работи.

<ul>
    <li><a href="...">начало</a></li>
    <li><a href="...">каталози</a></li>
    <li><a href="...">новини</a></li>
</ul>

със същия код ,самоче не използваш float:left; , а така:

ul li{
display:inline;
}

 

[exec]

със същия код ,самоче не използваш float:left; , а така:

ul li{
display:inline;
}

Да, това е правилния вариант. Но при този вариант, ако искаш елементите от менюто да имат еднаква ширина, трябва линковете да бъдат дефинирани като блок елементи и да им се зададе стойност за ширината. А иначе може да се направи на ниво li елемент.