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

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

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

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

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

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

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

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

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

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>

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

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

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


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

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

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

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

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

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

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) весь текст на один символ вверх
               поднимается.

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

Выделить код

Код:

<!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>

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

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 в отличие от символов одинаков.

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


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


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


Тема закрыта

Modex