| |
|
|
| | Всем привет, вот реализовываю резиновый макет в 3 колонки и столкнулся с проблемой в меню, в нем 7 элементов, первый и последний прибиты по краям, а остальные отталкиваются от краев блока. Приведу код:
#menu_footer{
float:left;
width:100%;
margin-top:10px;
position:relative;
height:16px;
}
|
<div id="menu_footer">
<a style="position:absolute;top:0;left:0;" href="/ru/">Главная</a>
<a style="position:absolute;top:0;left:50%;margin-left:-35%;" href="/ru/pages/about/">О проекте</a>
<a style="position:absolute;top:0;left:50%;margin-left:-18%;" href="/ru/news/">Новости</a>
<a style="position:absolute;top:0;left:50%;margin-left:-3%;" href="/ru/articles/">Статьи</a>
<a style="position:absolute;top:0;right:50%;margin-right:-18.8%;" href="/ru/pages/history_dvs/">История</a>
<a style="position:absolute;top:0;right:50%;margin-right:-35.4%;" href="/ru/pages/contact/">Контакты</a>
<a style="position:absolute;top:0;right:0;" href="/ru/pages/help/">Помощь</a>
</div>
|
menu_footer - центральный блок, который тянется. Сейчас меню при 1024 смотрится нормально, все пункты относительно друг друга на одинаковом расстоянии, а при большем разрешении, расстояние у всех разное, почему так? и как бы можно реализовать это меню проще, чтобы все пункты были на одинаковом расстоянии друг от друга. Спасибо. | |
| |
|
|
| |
|
|
| |
для: TetRiska
(22.11.2010 в 03:26)
| | | Попробуйте так,хотя и при таком раскладе интервалы между пунктами будут хоть чуть-чуть,но различаться.
<div id="menu_footer">
<a style="position:absolute;top:0;left:0;" href="/ru/">Главная</a>
<a style="position:absolute;top:0;left:50%;margin-left:-35%;" href="/ru/pages/about/">О проекте</a>
<a style="position:absolute;top:0;left:50%;margin-left:-18%;" href="/ru/news/">Новости</a>
<a style="position:absolute;top:0;left:50%;margin-left:-3%;" href="/ru/articles/">Статьи</a>
<a style="position:absolute;top:0;left:50%;margin-left:11.8%;" href="/ru/pages/history_dvs/">История</a>
<a style="position:absolute;top:0;left:50%;margin-left:27.7%;" href="/ru/pages/contact/">Контакты</a>
<a style="position:absolute;top:0;left:50%;margin-left:44.7%;" href="/ru/pages/help/">Помощь</a>
</div>
|
или так
<div id="menu_footer">
<a style="position:absolute;top:0;left:0;" href="/ru/">Главная</a>
<a style="position:absolute;top:0;left:15%;" href="/ru/pages/about/">О проекте</a>
<a style="position:absolute;top:0;left:31%;" href="/ru/news/">Новости</a>
<a style="position:absolute;top:0;left:46.8%;" href="/ru/articles/">Статьи</a>
<a style="position:absolute;top:0;left:62%;" href="/ru/pages/history_dvs/">История</a>
<a style="position:absolute;top:0;left:78%;" href="/ru/pages/contact/">Контакты</a>
<a style="position:absolute;top:0;left:94.55%;" href="/ru/pages/help/">Помощь</a>
</div>
|
Методом тыка установите максимально приемлемые значения. | |
| |
|
|
| |
|
|
| |
для: Агамемнон
(22.11.2010 в 12:47)
| | | методом тыка и я делал) | |
| |
|
|
| |
|
|
| |
для: TetRiska
(22.11.2010 в 03:26)
| | | [поправлено модератором] | |
| |
|
|
| |
|
|
| |
для: mihdan
(22.11.2010 в 17:25)
| | | спасибо, почитаю | |
| |
|
|
