[X] Помощник

[eklips]

Здравствуйте! Вопрос собственно по CSS. Крутил вертел в итоге всё равно не пришёл к нужному результату.

Вобщем есть такод кусочек кода (это менюшка):

/* menu */

#templatemo_menu {
	float: right;
background : #31a115 url("../images/menu_bg.png"); 
background-repeat: repeat x;

}

#templatemo_menu ul {
	margin: 0px 0 0 0;
	padding: 0px;
}

#templatemo_menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#templatemo_menu ul li a {
float : left; 
padding : 0 13px; 
height : 44px; 
line-height : 46px; 
color : #ffffff; 
outline : none; 
background : transparent url("../images/menu_link.png") no-repeat right top; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-size : 1.1em; 
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
	color : #ffffff; 
background : #e9b13a url("../images/menu_link.png") repeat-x right -52px; 
}

/* end of menu */

Его надо как-то заменить на вот этот:

#menuhead, #menuhead .dleft, #menuhead .dright { 
height : 52px; 
} 
#menuhead { 
background : #31a115 url("../images/menu_bg.png") repeat-x top; 
} 
#menuhead .dleft { 
background-image : url("../images/night/menu_left.png"); 
padding-left : 229px; 
} 
#menuhead .dright { 
background-image : url("../images/night/menu_right.png"); 
padding-right : 17px; 
} 
#menuhead a:link, #menuhead a:visited { 
float : left; 
padding : 0 13px; 
height : 52px; 
line-height : 46px; 
color : #ffffff; 
outline : none; 
background : transparent url("../images/menu_link.png") no-repeat right top; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-size : 1.1em; 
} 
#menuhead a:hover { 
color : #ffffff; 
background : #e9b13a url("../images/menu_link.png") repeat-x right -52px; 
} 

Буду очень благодарен за помошь.

[sanes]

в чём вопрос? не понятно

[eklips]

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

[sanes]

eklips, к CSS надо прикладывать HTML Нижнее меню в элеанор меняешь?

[eklips]

sanes, нет, верхнее зелёненькое как на сайте хочу влепить в ту галерею, что ты скидывал вчера ))
Косо криво получается

[sanes]

в любом случае нужен код HTML+CSS

[eklips]

Вот html нужного мне кода:

<div id="menuhead"><div class="dleft"><div class="dright">
	<a href="index.html" title="Главная">Главная</a>
	<a href="page/uslugi.html" title="Дополнительные услуги">Услуги</a>
        <a href="forum/index.php?app=gallery&module=cats&do=sc&cat=1" title="Фотографии гостиницы Равелин">Фото</a>
	<a href="page/nomer.html" title="Номерной фонд и цены">Цены</a>
	<a href="bron/index.php?act=Reg&CODE=00" title="Бесплатное бронирование номеров">Бронь</a>
	<a href="news/otziv.html" title="Отзывы о гостинице">Отзывы</a>
	
	<a href="page/osobenosti.html" title="Почему мы лучшие? ">Наши особенности</a>

	<noindex><a href="contacts/form.html" title="Задать нам вопрос" rel="nofollow">Задать вопрос</a></noindex>
	
	
</div></div></div>

Вот ненужного:

<div id="templatemo_menu">
            <ul>
                <li><a href="index.html">Главная</a></li>
                <li><a href="page/nomer.html">Цены</a></li>
                <li><a href="news/otziv.html">Отзывы</a></li>
                <li><a href="contacts/form.html">Задать вопрос</a></li>
            </ul>    	
    	</div> <!-- end of templatemo_menu -->

Сообщение отредактировал eklips - 2010-08-24, 22:35

[sanes]

Ну во-первых элементы меню разные. В первом просто перечислны ссылки, во втором это маркерованый список

[eklips]

У меня в принципе почти получилось, вот только левую и правую часть не могу прикрепить..... уголки эти

[sanes]

что у тебя в итоге получилось? (код)

[eklips]

/* menu */

#templatemo_menu, #templatemo_menu .dleft, #templatemo_menu .dright {
height : 52px;
}

#templatemo_menu {
    float: right;
background : #31a115 url("../images/menu_bg.png");
background-repeat: repeat x;

}

#templatemo_menu .dleft {
background-image : url("../images/night/menu_left.png");
padding-left : 229px;
}

#templatemo_menu ul {
    margin: 0px 0 0 0;
    padding: 0px;
}

#templatemo_menu ul li {
    padding: 0px;
    margin: 0px;
    display: inline;
}

#templatemo_menu ul li a {
float : left;
padding : 0 13px;
height : 44px;
line-height : 46px;
color : #ffffff;
outline : none;
background : transparent url("../images/menu_link.png") no-repeat right top;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 1.1em;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
    color : #ffffff;
background : #e9b13a url("../images/menu_link.png") repeat-x right -52px;
}

/* end of menu */

[sanes]

не.. так не пойдёт. наключай код в тэги [ code ] потом скидывай в фомате css+html я до сих пор понять немогу.. это нужное, то не нужное, из этого это.. короче ХЗ

Сообщение отредактировал sanes - 2010-08-24, 22:54

[eklips]

index.php там html привязка к main.css

gallery.html это привязка к templatemo_style.css

В gallery.html нужно, чтобы было такое же меню как в index.php

Вроде всё ))

[sanes]

В gallery.html нужно, чтобы было такое же меню как в index.php

может наоборот? это какой элемент? меню, блок... ладно, не буду флудить, ничего не понимаю.

[eklips]

нет, не наоборот.
http://www.ravelin.crimea.ua вот на этом сайте верхнее меню зелёное.

[sanes]

ну приведи ссылки в формат

<ul>
<li>...</li>
</il>