Необходимо увеличить ширину строки меню

Я новичок в кодировании. Я сделал один сайт (ribbstech.com) с помощью готового HTML-шаблона и вставил другую строку меню из некоторого сценария, созданного в строке меню. Сценарий сгенерировал строку меню ширины 384 пикселей, но я хотел сделать это до тех пор, пока ширина заголовка составляет 890 пикселей.Необходимо увеличить ширину строки меню

Я пробовал изменения в CSS, но не смог сделать это долго. Поэтому, пожалуйста, предложите точные изменения, чтобы сделать его шириной 890px.

Заранее благодарен

источник

2016-06-23 user3136794

Вставьте в свой html и css, чтобы мы могли помочь с вашей проблемой :) – RasmusGlenvig

да, пожалуйста, вставьте код или ссылку jsfiddle, чтобы мы могли дать вам решение – Krishna

Без отображения вашего кода .. как мы можем помочь .. ? –

Вы уже пробоились?

ul#css3menu1 { 
    width: 890px; 
    background-color: #c1c1c1; 
}

Если вы хотите добавить другие пункты меню, просто скопируйте пасту, подходящий для них класс уже подходит.

источник

2016-06-23 07:01:52

Дайте уль

ul {width: 950px; 
    background: #c1c1c1;}

и удалить поплавок списка и добавьте этот стиль:

ul#css3menu1 li {display: inline-block; 
       white-space: nowrap; 
       font-size: 0;}

источник

2016-06-23 07:06:40

Перейти к style.css line 30 in ul#css3menu1 a изменения padding: 10px 60px; вместо padding:10px;

ul#css3menu1 a { 
    display: block; 
    vertical-align: middle; 
    text-align: left; 
    text-decoration: none; 
    font: bold 14px Trebuchet MS; 
    color: #000000; 
    text-shadow: #FFF 0 0 1px; 
    cursor: pointer; 
    padding: 10px 60px; 
    background-color: #c1c1c1; 
    background-image: url("mainbk.png"); 
    background-repeat: repeat; 
    background-position: 0 0; 
    border-width: 0 0 0 1px; 
    border-style: solid; 
    border-color: #C0C0C0; 
}

источник

2016-06-23 07:08:35 Mani

Для настройки вашего width до 890px

ul#css3menu1 { 
    width: 890px; 
    background: #c1c1c1; 
}

тогда, если вы хотите, чтобы все те, меню в центре

попробовать этот

ul#css3menu1 li { 
    float: none !important; 
    display: inline-block; 
}

источник

2016-06-23 07:11:22

На style.css, номер строки 13, изменить ширину уль к следующему:

ul#css3menu1 { 
display: inline-block; 
font-size: 0; 
padding: 0; 
position: relative; 
width: 71%; /*Match the width of parent container*/ 
z-index: 999; 
}

Следующая по строке номер 7 добавить ширину к li:

ul#css3menu1 li { 
display: block; 
float: left; 
font-size: 0; 
position: relative; 
white-space: nowrap; 
width: 20%; /*this width*/ 
}

Теперь в строке номер 22, добавить текст Выровнять по центру в CSS:

ul#css3menu1 a { 
text-align: center; 
}

Thats это!

источник

2016-06-23 07:23:34

Got к style.css применить ширину: ul#css3menu1{width: 890px;} Применить ширина: до ul#css3menu1 li{width:20% } // как мы имеем 5 меню и 100% ширины/5 = 20%

Ваше меню будет выглядеть следующим образом: см скриншот

источник

2016-06-23 07:34:31

Необходимо увеличить ширину строки меню

ответ

Смежные вопросы