X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите пожалуйста с кодом меню
Timoti_xxx
Timoti_xxx
Topic Starter сообщение 29.1.2011, 20:24; Ответить: Timoti_xxx
Сообщение #1


Здравствуйте. Помогите пожалуйста. Вот мой сайт: www.timoxa.ucoz.ru Там меню с левой стороны зеленое. Не могу сделать чтобы оно было с левой стороны блока и во всю длину.

Вот код:

[CSS]<STYLE type="text/css">
{
margin:0;
padding:0;
}
body{
background:#fff;
color:#666;
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
background:#fff;
width:190px;
}
#menu ul{
list-style:none;
}
#menu li{
list-style:none;
margin:1px 0;
}
#menu li a{
list-style:none;
background:#8faf39 url(/images/menu_033_bg.gif) no-repeat;
color:#fff;
text-transform:uppercase;
font-size:9px;
font-weight:bold;
text-decoration:none;
display:block;
height:35px;
line-height:35px;
padding:0 0 0 20px;
}
#menu li a:hover{
background:#da4a70 url(/images/menu_033_h.gif) no-repeat;
color:#fff;
text-decoration:none;
}</STYLE>[/CSS]
и сам код меню:

<div id="menu">
<ul>
<li><a href="ссылка">название</a></li>
<li><a href="ссылка">название</a></li>
<li><a href="ссылка">название</a></li>
<li><a href="ссылка">название</a></li>
<li><a href="ссылка">название</a></li>
</ul>
</div>

Буду очень признателен и благодарен :rolleyes:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 29.1.2011, 21:02; Ответить: vasvas7775
Сообщение #2


как я понял тебе надо блок с меню растянуть по ширене блока так? Тогда поставь в ширине вместо пх. процент.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Timoti_xxx
Timoti_xxx
Topic Starter сообщение 29.1.2011, 21:06; Ответить: Timoti_xxx
Сообщение #3


vasvas7775 не получается все остается также
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Timoti_xxx
Timoti_xxx
Topic Starter сообщение 29.1.2011, 21:10; Ответить: Timoti_xxx
Сообщение #4


Такое ощущение как будто перед самим меню стоит пробел. Даже если изменяшь ширину то она сдвигается в правую сторону
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 29.1.2011, 21:36; Ответить: vasvas7775
Сообщение #5


Посмотри вот так:

[CSS]<STYLE type="text/css">

body{
margin:0px auto;
background:#FFFFFF;
color:#666;
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
margin-top:10px;
background:#FFFFFF;
width:100%;
}
#menu ul{
list-style:none;
margin: 0;
padding: 0;
}
#menu li{
list-style:none;
margin:1px 0;
}
#menu li a{ margin-left:0px;
list-style:none;
background:#8faf39 url(/images/menu_033_bg.gif) no-repeat;
color:#fff;
text-transform:uppercase;
font-size:9px;
font-weight:bold;
text-decoration:none;
display:block;
height:35px;
line-height:35px;
padding:0 0 0 20px;
}
#menu li a:hover{
background:#da4a70 url(/images/menu_033_h.gif) no-repeat;
color:#fff;
text-decoration:none;
}</STYLE>[/CSS]

<div id="menu">
<ul>
<li><a href="ссылка">название</a></li>
<li><a href="ссылка">название</a></li>
<li><a href="ссылка">название</a></li>
<li><a href="ссылка">название</a></li>
<li><a href="ссылка">название</a></li>
</ul>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Timoti_xxx
Timoti_xxx
Topic Starter сообщение 29.1.2011, 21:46; Ответить: Timoti_xxx
Сообщение #6


Спасибо большое!!! Помогло.:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ostropolsky
Ostropolsky
сообщение 31.1.2011, 14:35; Ответить: Ostropolsky
Сообщение #7


[IMG]http://www.Modelzd.narod.ru/Untitled-1.jpg[/IMG]

Необходимо чтобы закладка "наше меню"-это ссылка, при наведении курсора на нее поднималась на несколько пикселей вверх
Как можно выполнить данный эффект?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 31.1.2011, 18:32; Ответить: vasvas7775
Сообщение #8


Это смотря как у тебя меню прописано. Если картинкой как я вижу, то при наведении показать другую катртинку немного другого размера.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ostropolsky
Ostropolsky
сообщение 1.2.2011, 16:43; Ответить: Ostropolsky
Сообщение #9


Каждая закладка это отдельная картинка-ссылка.
А как это на исполнить с помощью Css?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
M-edve-D
M-edve-D
сообщение 1.2.2011, 17:13; Ответить: M-edve-D
Сообщение #10


Это скриптом можно описать:

[JS]
<head>
<script language="javascript">
function show() {document.gl.src='files/при наведении курсора.gif';}
function hide() {document.gl.src='files/когда убираешь курсор.gif';}
function clik() {document.gl.src='files/нажатая.gif';}
function unclik() {document.gl.src='files/после нажатия при наведенном курсоре.gif';}
</script>
</ head>[/JS]

а там где твоя кнопка пишешь:
<a href="index.html" onmouseover="show();" onmouseout="hide();" onmousedown="clik()"
onmouseup="unclik()"><img src="files/ваша картинка" border="0" class="otstyp_1" name="gl" /></a>


вот такой вариант.
можно это на 3 картинки: обычная, когда наводишь курсор и при нажатии. На 2 переделать легко.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) "Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом."
Вопрос
0 kuz999 1188 5.2.2024, 14:06
автор: kuz999
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1695 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2315 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12399 24.7.2020, 17:02
автор: -JamesSmips-


 



RSS Текстовая версия Сейчас: 28.3.2024, 16:50
Дизайн