Jump to content
  • 0

Проблема с ссылками


DImaN
 Share

Question

У меня еще один вопрос, только уже по поводу отображения некоторых ссылок на сайте:

есть одна огромная таблица, в которой множество вложенных таблиц. В одном из фрагментов данной таблицы находятся: поиск по сайту - 2 ссылки (главня - выход), а на строку ниже - Сделать стартовой, добавить в закладки, РСС и т.п. так вот, вопрос в следующем: В ИЕ6 ссылки "Главная" и "Выход" не отображаются как ссылки, просто как текст и все подчеркивания для ссылок в ИЕ 6 и 7 под расширением 1024*768 выглядят некорректно (получается не подчеркивание, а зачеркивание).. Подскажите пожалуйста, где у меня в коде ошибка

Сам фрагмент кода с данными элементами:

<!--Поиск-->
<div class="livesearchform">
<form method="get" id="searchform" name="searchform" action="/">
<input type="text" id="livesearch" size="20" value=" " name="story" onfocus="if (this.value == 'Search here') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" />
<input type="submit" id="searchsubmit" style="display: none;" value="go" />
</form>
</div>
</td>
<!--Меню Главная/Выход-->
<td align="right" class="png" width="180"><span class="foot">

<a href="http://mysite.com">Главная ∇</a> <a href="java script:window.close()">Выход ∇</a>  </span></td></tr></table></td>
<td width="10" style="background: url('images/03.png');" class="png"></td>
</tr>

<tr>
<td width="10" rowspan="3" style="background: url('images/10.png');" class="png"></td>
<td colspan="2">
<table style="background: url('images/foot.png');" border="0" width="789">
<tr>
<td width="180"><font color="#FFFFFF"> <img src="images/view.png" alt="" /> Навигация ∇</font></td>
<!--Сделать стартовой, RSS, Закладки и подобная чушь-->
<td width="600" class="foot"><div><a href="#" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://mysite.com/'); return false;" class="foot"><img src="images/view01.png" alt="" /> Сделать стартовой ∇</a> <a class="foot" href="java script:addbookmark()"><img src="images/view02.png" alt="" /> Добавить в закладки ∇</a> <a href="http://mysite.com/index.php?do=feedback" class="foot"><img src="images/view03.png" alt="" /> Обратная связь ∇</a> <a href="http://mysite.com/rss.xml" class="foot"><img src="images/view04.png" alt="" /> RSS Export ∇</a></div></td>
</tr>
</table></td>

А это ЦСС для подчеркивания:

.foot {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
}

.foot a:link {
color: #FFFFFF;
text-decoration: none;
}

.foot a:visited {
color: #FFFFFF;
text-decoration: none;
}

.foot a:active {
color: #d5b714;
text-decoration: none;
}

.foot a:hover {
color: #d5b714;
text-decoration:none;
background: url('../images/under.gif')
0px 1.1em /* Смещение рисунка по горизонтали и вертикали */
repeat-x /* Повторение фона по горизонтали */
}

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

http://www.htmlbook.ru/content/?id=65

После создания рисунка в графическом редакторе, следует определить стиль, как показано в примере 1. Основным элементом для установки линии выступает стилевой параметр background. Это универсальный атрибут, который определяет характеристики фонового изображения, в частности, путь к графическому файл, а также смещение фона относительно левого верхнего угла элемента. В данном случае требуется только сдвинуть фоновый рисунок вниз на высоту текста, для этого используется относительная единица em, равная высоте шрифта элемента. Кроме того, чтобы рисунок повторялся только по горизонтали, добавляем к параметру background аргумент repeat-x.

Может я конечно ошибаюсь и как-то неправильно прочитал...

Link to comment
Share on other sites

  • 0

если так, то я просто не попаду в папку с имэйджами. Я ж говорю. само подчеркивание у меня ОТОБРАЖАЕТСЯ. нормально оно отображается в:

Опере, ФайрФоксе, ИЕ7 с расширением 1280*1024,

Опере под расширением 1024*768,

Опере, Конкверере под Линуксом на расширениях 1024 и 1280

Не нормально отображается в

ИЕ 1024, Файр Фокс (Вин) 1024, ФайрФокс (Линукс) - 1024

Вот это меня интересует в принципе. и еще интересует то, что под ИЕ6 у меня "Главная" и "Выход" отображается не как ссылки, а как текст

это 42f1048d8735.png нормальное отображение ссылки, а это: 5d72db25cebc.png ненормальное отображение. вот я хочу узнать, как его сделать нормальным во всех браузерах и при любых разрешениях экрана

Link to comment
Share on other sites

  • 0
если так, то я просто не попаду в папку с имэйджами. Я ж говорю. само подчеркивание у меня ОТОБРАЖАЕТСЯ. нормально оно отображается в:

Опере, ФайрФоксе, ИЕ7 с расширением 1280*1024,

Опере под расширением 1024*768,

Опере, Конкверере под Линуксом на расширениях 1024 и 1280

Не нормально отображается в

ИЕ 1024, Файр Фокс (Вин) 1024, ФайрФокс (Линукс) - 1024

Вот это меня интересует в принципе. и еще интересует то, что под ИЕ6 у меня "Главная" и "Выход" отображается не как ссылки, а как текст

это http://i030.radikal.ru/0804/f7/42f1048d8735.png нормальное отображение ссылки, а это: http://i025.radikal.ru/0804/4c/5d72db25cebc.png ненормальное отображение. вот я хочу узнать, как его сделать нормальным во всех браузерах и при любых разрешениях экрана

Я конечно могу и ошибаться, но на первый взгляд вам может помочь position:relative и position:absolute.

Link to comment
Share on other sites

  • 0

А больше разве никаких вариантов не может быть? чет такой метод мне немного не по душе. 100% ИЕ не может подставить правильно значение 0px 1.1em. а вот почему - это вопрос... и кстати, че под ИЕ6 не отображаются слова главная и выход как ссылки? где там я мог допустить ошибку?

Link to comment
Share on other sites

  • 0

Одну ошибку устранил!! ∇здесь не причем. вся проблема была в том, что картинки тоже нкаходились внутри ссылки и из-за того, что они больше текст эксплорер не мог правильно выставить бэкграунд ховера ссылки. теперь все нормально.

Остался только вопрос с отображением ссылок "Главная" и "Выход" в ИЕ6

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy