ОБСУЖДЕНИЕ

css растягивание блоков

19 сообщений1 просмотровЗакрыта
#1
всем привет. ребят, вот есть див .навигация, в этом диве ссылки с дивом .линк, вопрос - как сделать что б ссылки в диве .навигация растягивались по всему этому диву? text-align:center не работает
#2
Покажи пример.Нихрена не понял
#3
окей. на скрине ниже горизонтальное меню. не через table а через дивы. два дива всего. как сделать что б все пункты растянулись не оставляя пустого места с правой стороны?
#4
Попрбуй в css width: 100%
#5
KpuTuK, не работает css
CSS
.but_menu {
    text-align:center;

}
a.button_menu {
float: left;
    outline: none;
letter-spacing: 0.1em;
    font: normal 100% 'lucida sans unicode', arial, sans-serif;
    display: block;
    height: 37px;
    padding: 29px 26px 6px 26px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    background: transparent;

}
 a.button_menu:hover {
    outline: none;
    text-decoration: underline;
color: #FFF;
  background: #1C2C3E url(style/menu_select.png) repeat-x;
}
#main, #logo, #menubar, #site_content, #footer, .but_menu
{ margin-left: auto; 
  margin-right: auto;
  }
#menubar, .but_menu
{ 
  height: 72px;
  vertical-align: middle;
  padding: 0;
  background: #29415D url(style/menu.png) repeat-x;
  
  } 
 сам код пхп
////////////////////////
echo'<div class="but_menu"><a class="button_menu" href="/id'.$user['id'].'"><center>'.$lang['my_page'].'</center></a>';
if($user['level']>1)echo'<a class="button_menu" href="/adm">'.$lang['adminka'].'</a>';
echo'<a class="button_menu" href="'.($new_mail>0?'/new_mess?':'/mail?').'">'.$lang['mail'].' '.$list.'</a>';
echo'<a class="button_menu" href="/kabinet">'.$lang['kabinet'].'</a>';
echo'<a class="button_menu" href="/exit">'.$lang['exit'].'</a></div>';


#6
в <a class="button_menu" style="width:20%" допиши в каждый линке.
А лучше таблицей верстай.
#7
В общем в каждый линк добавь style="width:20%"
#8
не подходит это. если б код пхп был только для веб. ведь я использую ещё и вап дизайн, мне надо изменить всё в самой таблице стилей, не изменяя код. вот
#9
Тема была поднята автором по истечению 24 часов после последнего поста
#10
text-align:center; тебе и не поможет это выравнивание по центру всего лишь, тебе нужно адаптивное меню, тойсь чтобы твоя типа панель подстраивалась под экран и растягивалась, сорри за ошибки если они есть выпил маленька
#11
romka145, либо перепил либо хрен знает проект твой это вмка??
#12
скинь файлом я тебе поже все зделаю
#13
Ms-95, мой, соцка самопис
#14
Дай ссылку зайду с тела посмотрю, а то так со скрина ничего не помнял.
#15
денвер. что ж непонятного? есть блок с вертикальным меню. нужно что б ссылки в этом блоке растягивались занимая весь див этого меню по ширине
#16
Mishae72, вот html файл с менюхой этой
#17
У тебя на скрине нет вертикального меню. На скрине горизонт.
#18
forsim, ой сорри перепутал. горизонт меню. мне уже помогли. кому надо вот
#19
Тему закрыл romka145!
Причина: помогли. всем спасибо за попытки помочь