Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Помогите поправить меню. (https://javascript.ru/forum/xhtml-html-css/6971-pomogite-popravit-menyu.html)

TATTOO 08.01.2010 21:10

Помогите поправить меню.
 
Подскажите что нужно исправить в коде CSS чтобы текст в меню был по центру сайта а не с левой стороны.


Screenshot

СSS
/* Menu_2 */ 
.preload1 {background: url(http://tattoosamara.ucoz.ru/six_0.gif);} 
.preload2 {background: url(http://tattoosamara.ucoz.ru/six_1.gif);} 

#nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url([url]http://tattoosamara.ucoz.ru/six_0.gif[/url]) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;} 
#nav li.top {display:block; float:left;} 
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://tattoosamara.ucoz.ru/six_0.gif);} 
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(ссылка на ваш сайт/six_0.gif) right top no-repeat;} 
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url([url]http://tattoosamara.ucoz.ru/six_0.gif[/url]) no-repeat right top;} 

#nav li:hover a.top_link, 
#nav a.top_link:hover 
{color:#fff; background: url([url]http://tattoosamara.ucoz.ru/six_1.gif[/url]) no-repeat;} 
#nav li:hover a.top_link span,    
#nav a.top_link:hover span 
{background:url([url]http://tattoosamara.ucoz.ru/six_1.gif[/url]) no-repeat right top;} 
#nav li:hover a.top_link span.down, 
#nav a.top_link:hover span.down 
{background:url([url]http://tattoosamara.ucoz.ru/six_1.gif[/url]) no-repeat right top; padding-bottom:3px;} 
/* ------------- */

subzey 09.01.2010 03:15

У Татьяновича есть решение этой проблемы.

Кстати, в url(…) совсем не нужно указывать абсолюный путь к файлам — относительный считается от директории, в которой лежит css.
Например, если у Вас есть /css/style.css и /img/logo.gif, к изображению можно обратиться как url(../img/logo.gif).

TATTOO 09.01.2010 12:04

subzey,

Я извиняюсь конечно.. У Татьяновича есть решение этой проблемы-Это кто? где найти?

Kolyaj 09.01.2010 12:56

Цитата:

Сообщение от TATTOO
Это кто?

http://lurkmore.ru/%D0%A2%D0%B5%D0%BC%D0%B0

subzey 09.01.2010 14:06

TATTOO,
Пардон, ссылку порезало почему-то
http://www.artlebedev.ru/tools/techn.../align-center/

TATTOO 09.01.2010 14:34

subzey, спасибо-только вообще не понимаю как это применить к моему меню))) я вообще не понимаю в этом CSS все методом тыка:-?

B~Vladi 11.01.2010 22:10

Цитата:

Сообщение от TATTOO
я вообще не понимаю в этом CSS все методом тыка

Может стоит заюзать мануал?:)


Часовой пояс GMT +3, время: 12:42.