Сплошная линия от пункта меню

[sergeyvolk]

Добрый день. Интересует такой вопрос.

На картинке вертикальные линии и линии поверх текста - это изображения. Линии которые идут от самого пункта, то есть горизонтальные, идут до по всей ширине экрана. Вопрос: как такое реализовать?

вот классы:

#top-nav ul.menu li#current {
	background: url(../images/navigation.right.gif) no-repeat top right;
}
#top-nav ul.menu li#current a {
	background: url(../images/navigation.left.gif) no-repeat top left;
	padding: 0px 20px 0px 20px;
	color: #039655;
	font-weight: bold;
	-moz-outline-style: none;  
}

[Softlink]

Позиционированием. Дайте лучше ссылку на страницу. По коду тут ничего не скажешь.

http://jsfiddle.net/gCMge/1/ накидал быстренько. Даже без картинок получилось, только не кросс

Edited July 30, 2011 by Softlink

[sergeyvolk]

Спасибо за ответ. Ваш способ бы мне помог если бы у меня была простая html страница, но сайт на Joomla и тут столько классов, что мама не горюй . Мне надо лишь реализовать одну сплошную линию на весь экран с левого конца и с правого.

[Softlink]

вон оно что, тут совсем другая задача. Можно попробовать то же позиционирование, покажите страницу хоть. А то так наугад мы долго будем варианты перебирать.

Или скрин того, как сейчас и как должно быть

[amelice]

Позиционированием. Дайте лучше ссылку на страницу. По коду тут ничего не скажешь.

http://jsfiddle.net/gCMge/1/ накидал быстренько. Даже без картинок получилось, только не кросс

Думаю, как же так красиво сделал, линию между вкладками провел. Оказалось, что список поднят на 1px. (Когда упорно ищешь не находишь.)

только не понятно почему .box присвоил display:block?

[Softlink]

Позиционированием. Дайте лучше ссылку на страницу. По коду тут ничего не скажешь.

http://jsfiddle.net/gCMge/1/ накидал быстренько. Даже без картинок получилось, только не кросс

Думаю, как же так красиво сделал, линию между вкладками провел. Оказалось, что список поднят на 1px. (Когда упорно ищешь не находишь.)

только не понятно почему .box присвоил display:block?

ага, только он опущен на 1пк

А по поводу .box, то это привычка у меня такая, от которой не могу избавиться, наряду с еще одной - ненужное оборачивание элементов)) Борюсь с ними.

[amelice]

ага, только он опущен на 1пк

А по поводу .box, то это привычка у меня такая, от которой не могу избавиться, наряду с еще одной - ненужное оборачивание элементов)) Борюсь с ними.

точно. опущен. свойство top у меня с прямым его переводом(вверх) мешается. а вот ненужным оборачиванием я тоже страдаю, но буду избавляться.

[sergeyvolk]

Все спасибо за ответы, разобрался! Вот небольшой вопросик не по теме: какое свойство может блокировать свойство -moz-border-radius, да и вообще закругление ни в какую не хочет работать.

[Softlink]

Все спасибо за ответы, разобрался! Вот небольшой вопросик не по теме: какое свойство может блокировать свойство -moz-border-radius, да и вообще закругление ни в какую не хочет работать.

Да вряд ли его может что-то блокировать. Наверное вы что-то не так делаете.

[sergeyvolk]

Просто тут какое дело. Сам у меня сайт на джумле, в материале вставлена таблица. Таблице присвоен класс table_main - не работает. Копирую полностью весь код на чистую html страничку исправно закругляет края.

Edited July 31, 2011 by sergeyvolk

[sigma77]

Все спасибо за ответы, разобрался! Вот небольшой вопросик не по теме: какое свойство может блокировать свойство -moz-border-radius, да и вообще закругление ни в какую не хочет работать.

Показывай код.

Просто тут какое дело. Сам у меня сайт на джумле, в материале вставлена таблица. Таблице присвоен класс table_main - не работает. Копирую полностью весь код на чистую html страничку исправно закругляет края.

кеш?