Полезная информация

Общайтесь со знакомыми и друзьями в нашей группе в Контакте.

№112-05-2006 01:23:30

Wizzz_art
Участник
 
Группа: Members
Зарегистрирован: 05-01-2005
Сообщений: 11

Подчеркивание картинок-ссылок

К сайту на движке Jomla прикручиваю горизонтальное меню с помощью модуля Display menu Tigra. Перед каждым пунктом меню есть рисунок в виде двойной стрелки. В IE и Опере подчеркнутыми остаются только сами пункты, а стрелочки не подчеркиваются. В Firefox подчеркнутыми становятся еще и рисунки, что, собственно говоря, не придает меню привлекательности и соответственно крайне не желательно :)
Посмотрел в коде меню, там черт ногу сломит... Может сталкивался кто? Как избавиться?
Посмотреть можно по адресу: http://tirazh-kolomna.ru

Отсутствует

 

№212-05-2006 02:32:34

Azathoth
Участник
 
Группа: Extensions
Откуда: Хабаровск
Зарегистрирован: 02-02-2005
Сообщений: 2692

Re: Подчеркивание картинок-ссылок

Там получается примерно такая структура:
<a href='...'><div id='...' class='dm_t-0'><img ...>Text<div></a>
В классе dmt-0 определен стиль "text-decoration:underline".


Выход: генерировать меню такого вида:
<a href='...'><div id='...' class='dm_t-0'><img ...><span class='mtext'>Text</span><div></a>
(В этом файле: http://tirazh-kolomna.ru/modules/dm-t_2-0-1/js/menu.js , его надо просто привести к человеческому синтаксису и все станет понятно)
Вот такая там строчка:

Выделить код

Код:

document.write('<a id="e'+TMS.TME+'_'+this.TME+'o" class="'+this.TMg(0,0)+'" href="'+this.TMD[1]+'"'+(this.TMD[2]&&this.TMD[2]['tw']?' target="'+this.TMD[2]['tw']+'"':'')+' style="position: absolute; top: '+this.TMV+'px; left: '+this.TMU+'px; width: '+this.TMQ('width')+'px; height: '+this.TMQ('height')+'px; visibility: hidden;'+' z-index: '+this.TMT+';" '+'onclick="return TMA['+TMS.TME+'].onclick('+this.TME+');" onmouseout="TMA['+TMS.TME+'].onmouseout('+this.TME+');" onmouseover="TMA['+TMS.TME+'].onmouseover('+this.TME+');" onmousedown="TMA['+TMS.TME+'].onmousedown('+this.TME+');"><div  id="e'+TMS.TME+'_'+this.TME+'i" class="'+this.TMg(1,0)+'">'+this.TMD[0]+"</div></a>\n");

Как поправить объяснять?

Из класса dm_t-0 и dm_t-1 (http://tirazh-kolomna.ru/modules/dm-t_2-0-1/css/dm-t.css) исключить text-decoration и добавить класс:
.mtext {text-decoration:underline}

Отредактировано Azathoth (12-05-2006 02:48:28)


...она старалась, чтобы я больше времени проводил в разных пионерлагерях и группах продлённого дня - кстати сказать, удивительную красоту последнего словосочетания я вижу только сейчас. (c) Виктор Пелевин

Отсутствует

 

№312-05-2006 02:41:59

Azathoth
Участник
 
Группа: Extensions
Откуда: Хабаровск
Зарегистрирован: 02-02-2005
Сообщений: 2692

Re: Подчеркивание картинок-ссылок

Но на этом проблемы не заканчиваются:
menu_tirazh.png

Проблема в этой строчке из [http://tirazh-kolomna.ru/modules/dm-t_2-0-1/js/menu.js]

this.TMP={'block_top':16,'block_left':16,'top':20,'left':4,'width':120,'height':22,'hide_delay':0,'expd_delay':0,'css' {'inner':'','outer':''}};

Стоит сделать пошире или искать иную структуру, без жестко заданой ширины div'а...

Отредактировано Azathoth (12-05-2006 02:46:04)


...она старалась, чтобы я больше времени проводил в разных пионерлагерях и группах продлённого дня - кстати сказать, удивительную красоту последнего словосочетания я вижу только сейчас. (c) Виктор Пелевин

Отсутствует

 

№412-05-2006 10:51:37

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508

Re: Подчеркивание картинок-ссылок

Можно окружать тэгом

Выделить код

Код:

<nobr> ... </nobr>

и прописывать min-width

Отсутствует

 

№512-05-2006 12:56:19

Wizzz_art
Участник
 
Группа: Members
Зарегистрирован: 05-01-2005
Сообщений: 11

Re: Подчеркивание картинок-ссылок

Спасибо! Проблему решил...
Хотя с переносом строки странная какая-то фигня... Мне так и не удалось добиться, чтобы меню переносилось на вторую строку... На всякий случай увеличил ширину на 10px, хотя судя по скриншоту этого не хватит :(
Окружать тегом <нобр> не желтельно, так как возможность переноса строки в подпунктах, должна быть.

Отсутствует

 

№612-05-2006 13:23:05

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508

Re: Подчеркивание картинок-ссылок

не желтельно, так как возможность переноса строки в подпунктах, должна быть.

ок, можно тогда в интересных участках добавлять &nbsp; вместо пробелов.

Отсутствует

 

№712-05-2006 21:57:02

vladmir
SeaMonkey - вот это браузер
 
Группа: Extensions
Откуда: НН
Зарегистрирован: 16-10-2004
Сообщений: 4630

Re: Подчеркивание картинок-ссылок

Ндаа, а если на 16px шрифте зайти да ещё со своим цветом фона - грустное зрелище получится.

Отсутствует

 

№812-05-2006 23:46:39

Wizzz_art
Участник
 
Группа: Members
Зарегистрирован: 05-01-2005
Сообщений: 11

Re: Подчеркивание картинок-ссылок

А если справа от монитора сесть, то вообще ничего не видно...

Отсутствует

 

№913-05-2006 12:11:56

vladmir
SeaMonkey - вот это браузер
 
Группа: Extensions
Откуда: НН
Зарегистрирован: 16-10-2004
Сообщений: 4630

Re: Подчеркивание картинок-ссылок

Дык справа у меня стена и книжная полка, а 16px - дефолтный шрифт во-первых, и для моего зрения в самый раз во-вторых. Цвет для фона прописать тоже не высшая математика.

Отсутствует

 

№1013-05-2006 13:22:33

Wizzz_art
Участник
 
Группа: Members
Зарегистрирован: 05-01-2005
Сообщений: 11

Re: Подчеркивание картинок-ссылок

А кто вам сказал, что предусматривался шрифт по умолчанию? В стилях ясно прописан размер шрифта. Он равен 12px и не предусматривает изменения его размера пользователем. А то, что Opera и FF имеют в своем функционале возможнось изменять размер шрита, не зависимо от того, в каких величинах он задан разработчиком, это не правильно, и не говорит о том, что страница сверстана криво. Люди с плохим зрением? Понимаю. Но есть в этих же браузерах функция увеличения масштаба всей страницы! Вот этим, на мой взгляд и следует пользоваться... Точнее, пользоваться конечно вы вольны чем вам угодно, но приводить в качестве аргумента плохой верстки, нечитабельность при измененном размере шрифта, я считаю, не стоит...
А за фон, спасибо. Не досмотрел...

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]