Проблема с выводом текста Mozilla - не задан координатами.

WEB_bobby · №1

:whiteflag:
Добрый вечер!
А что делать если текст не задан координатами но, сЪежает в Моззиле вправо на 2-3 символа?

-----------------------------------------------
<pre class ="myDescriptionCss">
Белое облако вдали,
ты мертвое крыло - но чье?
не долетевшее - - куда?
</pre>
-----------------------------------------------------------------
pre.myDescriptionCss{color:#3399FF; font-size:15px;}
---------------------------------------------------------------
C уважением Вебскийй Боб.

Lynn · №2

Ничего не понял…

WEB_bobby · №3

Ничего не понял…

- я даже упрощу вопрос:
Если выволнить данный код в IE и в Mozilla FireFox(версия продукта 1.5.0.5), то в обоих случах выведется текст:
Белое облако вдали,
ты мертвое крыло - но чье?
не долетевшее - - куда?
Но Mozilla FireFox(версия продукта 1.5.0.5) весь текст будет смещен вправо на где три символа, относительно его позиции IE.

<body>
<pre class ="myDescriptionCss">
Белое облако вдали,
ты мертвое крыло - но чье?
не долетевшее - - куда?
</pre>
</body>

Отредактировано WEB_bobby (09-03-2007 17:10:42)

WEB_bobby · №4

Это что-то влияет на текст! Если запустить в IE и в Мозиле только код что я давал выше, и там и там выводимый текст будет на одинаковой позиции.

Ну есть меня на странице слева рядом с текстом картинка, но я ее
убрал и та же песня - текст все равно сдвигается вправо. Подскажите пожалуйста , что же является причиной? :cry:

Lynn · №5

WEB_bobby
Телепаты в отпуске.
Давайте ссылку на страничку или полный код…

WEB_bobby · №6

Lynn пишет

WEB_bobby
Телепаты в отпуске.

Вот пример, где текст при выволнении в мозиле едит вниз на три символа( если едет он вниз, ИМХО точно не картинка его толкает...);
Копируйте в оригинале - код составлен так, что в IE текст прямо напротив картинки - чтобы нагляднее было.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>
<img src = roll.jpg width="34" height="70" border="0" style ="position:absolute; left:212 ; top:230; " >
<br><br><br><br><br><br><br><br>
<pre >
Хименес стремится к максимальной выразительности поэтического слова
и добивается этой выразительности. Стих его становится афористически
точным, чеканным, "мускулистым". Кажется, что поэт спорит с самим собой:
в ранних стихах он был изобильно щедр теперь он - предельно скуп
<A href="allHimines.html"style ="color:#3399FF;"onMouseOver = "doOverHref()"; onMouseOut = "doOutHref()"; >...читать далее
</A> </pre>

</body>
</html>

Lynn · №7

Гы. Извращение какое…
Может вы лучше расскажете чего вы хотите добиться, т.к. приведённый выше код завязан на размер шрифта, попробуйте в IE изменить размер шрифта…

Отредактировано Lynn (09-03-2007 20:45:47)

WEB_bobby · №8

Да то и хочу : у меня на странице свиточки (jpg) расположены в вертикальный ряд и напротив каждого начало описания творчества каждого отдельного поэта.Жаль всю страницу не могу показать - долго работал над оригинальным дизайном, боюсь вдруг какой-нибудь сплагиатирует...

"приведённый выше код завязан на размер шрифта, попробуйте в IE изменить размер шрифта…" -
добавил в коде параметры размера шрифта:
<pre style ="font-size:18px">
Теперь в Мозиле текст поднимается ВВЕРХ на один символ;

Кстати в обоих вариантах кода сдвигается именно текст, а не картинка (делал printscreen замерял в фотошопе; А также в броузерах линейкой. - "семь раз отмерь - один раз отрежь"

Отредактировано WEB_bobby (09-03-2007 21:17:20)

Lynn · №9

В общем вы неправильно подходите к проблеме… Для вашего случая подходит свойство float.
Сейчас уже поздно. Завтра утром постараюсь ответить более развернуто.

vladmir · №10

Посмотрел в Симанки (в Файрфоксе должно быть аналогично) и Эхплорере.

WEB_bobby, задайте полностью шрифт и все дела.

pre{font:normal 15px verdana,arial,helvetica,sans-serif;}

А лучше <pre> для стихов не использовать - грубиянство да и только.

WEB_bobby · №11

vladmir пишет

Посмотрел в Симанки (в Файрфоксе должно быть аналогично) и Эхплорере.
WEB_bobby, задайте полностью шрифт и все дела.
pre{font:normal 15px verdana,arial,helvetica,sans-serif;}
А лучше <pre> для стихов не использовать - грубиянство да и только.

- это не для стихов, а только для "стиля" поэтов

Vladimir - прописал <style type ="text/CSS">
pre{ font:normal 15px verdana,arial,helvetica,sans-serif;}
</style>
все равно в Моззиле(версия продукта 1.5.0.5) весь текст на один символ вверх
поднимается.

___________________________________________________
И уйду. И буду одинок без вечеров, без утреней капели.
Без белого колодца моего.
И птицы будут петь как пели...

Lynn · №12

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Untitled</title>
</head>
<body>
<img src="roll.jpg" width="34" height="70" style="float: left;margin: 5px 0 0 212px">
<p style="white-space: pre; margin-left: 255px">Хименес стремится к максимальной выразительности поэтического слова
и добивается этой выразительности. Стих его становится афористически
точным, чеканным, «мускулистым». Кажется, что поэт спорит с самим собой:
в ранних стихах он был изобильно щедр теперь он — предельно скуп</p>
<p style="clear: left"><a href="#" style="color:#39f">…читать далее</a></p>
</body>
</html>

Я бы написал как-то так.

WEB_bobby · №13

Lynn пишет

Выделить код
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Я бы написал как-то так.

Lynn, текст теперь во всех броузерах отбражается относительно картинки ровно - никуда не съежает; Но теперь они синхронно вместе с картинкой по left на 7 px и очень сильно по top...

В FireFox Mozzila и в моем редакторе firstPage они отображаются по центру и вверху браузера;
'''''''''''''''''''''''''''''''''
' xxxxxx '
' '
' '
' '
' '
' '
''''''''''''''''''''''''''''''''''
В IE по центру и по центру:
'''''''''''''''''''''''''''''''''
' '
' '
' xxxxxx '
' '
' '
' '
''''''''''''''''''''''''''''''''''
Я тут замерил при отображении в браузерах размер буквы "щ" и top и left для roll.jpg в фотошопе (для IE и Моззилы):
размер изображения буквы щ: IE: width= 13; height= 10; / FireFox: width= 11; height= 9;

левый верхний угол roll.jpg: IE: x= 7.56; y= 12.10; / FireFox: x= 7.90; y= 5.76;
размер выводимого jpg в отличие от символов одинаков.

WEB_bobby · №14

Добавлено Сбт 10 Мар 2007 16:03:14 :
Лин большое тебе спасибо! Все работает! Это я код коряво первый раз скопировал и два часа тупил! :dumb:

_________________________________________________
Снова
вглядываюсь, и все здесь -
то же и словно иное...
Я ведь уснул уже? Разве
не зеленел под луною
сад мой? Окно было настежь...
Небо цвело синевою...
Сумрачен сад мой, а небо -
ветреное, грозовое...

--------- :offtopic: -----------

Тема закрыта
—
Modex

Отредактировано WEB_bobby (10-03-2007 16:05:37)

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

№109-03-2007 15:58:07