border: dashed

12
C
На сайте с 04.02.2005
Offline
277
796

http://hotel-profi.ru/z.html

ff, opera, chrome -OK

IE - не подчеркивает надпись Сделать заказ

Но вот справа внизу на зеленом фоне Москву подчеркивает..

А сделано почти из одного материала

подчеркиаются span'ы, отличаются шрифтами.

пАчему? где у меня косяк?

Joker-jar
На сайте с 26.08.2010
Offline
154
#1

Да уж, шайтан. Не пробовали для теста убрать стиль шрифта?

C
На сайте с 04.02.2005
Offline
277
#2

Я уже убирал все - бекграунды, менял line-height, размер , стили, семейство

Как только техт делаю многострочным, например

"Сделать заказ Сделать заказ Сделать заказ"

То первые две строчки подчеркиваются, а последняя - нет.

RT
На сайте с 07.04.2008
Offline
56
#3

поставил <span style="line-height:1.3">Сделать заказ</span> отображает подчеркивание, делаю меньше 1.3 исчезает

Студия «Дз» (http://dddzzz.ru/) — создание сайтов, графический дизайн
C
На сайте с 04.02.2005
Offline
277
#4

Ух... Спасибо!!!

[Удален]
#5

На сколько я знаю, бордер расчитан только для блочных элементов, вместо span используйте контейнер, или преобразуйте в блочный элемент.

<span style="line-height:1.3">

Это не кроссбраузерно.

C
На сайте с 04.02.2005
Offline
277
#6

Ваши предложения?

Все началось с того, что это был не span, а anchor - результат тот же.

я в этом блоке все менял, код переписывал... ступор

Joker-jar
На сайте с 26.08.2010
Offline
154
#7

В таком случае, попробуйте span'у добавить стиль

display: inline-block;

RT
На сайте с 07.04.2008
Offline
56
#8

На сколько я знаю, бордер расчитан только для блочных элементов, вместо span используйте контейнер, или преобразуйте в блочный элемент.

Цитата:
<span style="line-height:1.3">
Это не кроссбраузерно.

Работает во всех браузерах, значит уже кроссбраузерно или где-то не работает? Вроде в основных просмотрел всё работает.

Chukcha, у вас ща проблема в том, что вы не можете текст "сделать заказ" поднять margin-top'ом? для этого нужен блочный элемент чтобы был. Можно решить это другим способом position:relative;

Примерно так:

<div class="zacaz" style="position:relative;">

<span style="line-height:1.3;position:relative;top:-4px;">Сделать заказ</span>

</div>

C
На сайте с 04.02.2005
Offline
277
#9

А мне его не нужно поднимать - отцентровать я смогу padding-top'ом parenta

частое пользование position:relative - зло, которое иногда очень сложно отловить.

А проявляется это тем, что элементы, принадлежащие верхнему родителю, не перекрывают нижний.

div 1 relative

div 1a absolute

div 2 relative

1a может не перекрыть 2

[Удален]
#10
ReifTer:
Работает во всех браузерах, значит уже кроссбраузерно или где-то не работает?

Что значит во всех, в старых смотрели?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий