Текст под картинкой

@RazorQ · Регистрация: 06.02.2009

Студворк — интернет-сервис помощи студентам

Возникла такая проблема. Мне дали набор html страничек (вообщем сайт). И сказали чтобы я выложил его на каком-нибудь хостинге. С выбором хостинга проблем не было, но когда начал загружать сайт, оказалось, что всё должно быть на английском(имена страничек и картинок). Начал переименовывать. Само сабой полез исправлять код, и тут оказалось, что часть текста закрывается картинкой. Т.е. картинка как бы лежит на тексте, но это плохо. Ведь нельзя даже нажать на какую нибудь ссылку под картинкой. Помогите советом.
P.S. картинка находится в таблице, а текст за пределами этой таблици. Если это поможет, то буду рад.

@GalaX · 17.03.2009, 19:23

не совсем понял (

@BasicMan · 17.03.2009, 19:27

а можна кусок кода? Потому что на вскидку это похоже на <Div> с жесткой привязкой по месту, хотя может быть чем угодно

@RazorQ · 17.03.2009, 21:48 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<table border="1" width="946" height="215" style="border-width: 0px">
    <tr>
        <td height="211" width="940" style="border-style: none; border-width: medium">
        <p align="right">
        <!--[if gte vml 1]><v:group id="_x0000_s1030"
 style='position:absolute;left:16.5pt;top:33pt;width:888pt;height:336.75pt;
 z-index:1' coordorigin="11,30" coordsize="1197,503">
 <v:line id="_x0000_s1027" style='position:absolute' from="116,399" to="1208,399"
  strokeweight="2.25pt">
  <v:shadow on="t" opacity=".5" offset="6pt,6pt"/>
 </v:line><v:line id="_x0000_s1026" style='position:absolute' from="11,386"
  to="1116,386" strokeweight="3pt">
  <v:shadow on="t" opacity=".5" offset="6pt,6pt"/>
 </v:line><v:line id="_x0000_s1029" style='position:absolute' from="1081,90"
  to="1081,533" strokeweight="2.25pt">
  <v:shadow on="t" opacity=".5" offset="6pt,6pt"/>
 </v:line><v:line id="_x0000_s1028" style='position:absolute' from="1071,30"
  to="1071,485" strokeweight="3pt">
  <v:shadow on="t" opacity=".5" offset="6pt,6pt"/>
 </v:line></v:group><![endif]--><![if !vml]><span style='mso-ignore:vglayout;
position:absolute;z-index:1;left:20px;top:42px;width:1196px;height:461px'><img
width=1196 height=461 src="index.files/image001.gif" v:shapes="_x0000_s1030 _x0000_s1027 _x0000_s1026 _x0000_s1029 _x0000_s1028"></span><![endif]><img border="0" src="index.4.jpg"></td>
    </tr>
</table>
<p align="center">&nbsp;</p>
<p align="center"><b><font size="2">область</font></b></p>
</ADRTSS><p align="center"><b><span lang="en-us"><font size="2">
<Addrsss>
<a href=mailto:">E-mail:</A>
</Addrsss>
</a></font></span></b></p>

Вот часть кода. Помойму здесь спряталась ошибка, причем в IE работает все отлично, но в других браузерах... Проблема вот в чем. Загружается страничка и картинка index.files/image001.gif или index.4.jpg перекрывает E-mail. На mail невозможно нажать. И ещё я знаю, что код очень "толстый", объясню: его набирали во фронтпайдже без знания html. Я потратил несколько часов чтобы исправить некоторые части, но в это:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!--[if gte vml 1]><v:group id="_x0000_s1030"
 style='position:absolute;left:16.5pt;top:33pt;width:888pt;height:336.75pt;
 z-index:1' coordorigin="11,30" coordsize="1197,503">
 <v:line id="_x0000_s1027" style='position:absolute' from="116,399" to="1208,399"
  strokeweight="2.25pt">
  <v:shadow on="t" opacity=".5" offset="6pt,6pt"/>
 </v:line><v:line id="_x0000_s1026" style='position:absolute' from="11,386"
  to="1116,386" strokeweight="3pt">
  <v:shadow on="t" opacity=".5" offset="6pt,6pt"/>
 </v:line><v:line id="_x0000_s1029" style='position:absolute' from="1081,90"
  to="1081,533" strokeweight="2.25pt">
  <v:shadow on="t" opacity=".5" offset="6pt,6pt"/>
 </v:line><v:line id="_x0000_s1028" style='position:absolute' from="1071,30"
  to="1071,485" strokeweight="3pt">
  <v:shadow on="t" opacity=".5" offset="6pt,6pt"/>

не полез.

@BasicMan · 18.03.2009, 11:05

Сообщение от RazorQ

position:absolute;left:16.5pt;top:33pt;w idth:888pt;height:336.75pt

вот где собака порылась - абсолютная позиция, она абсолютная и есть. и ей все по
барабану )))
шото с этим надо делать.

@RazorQ · 18.03.2009, 20:29 **[ТС]**

И как с этим бороться. Мне нужно чтобы картинка было под текстом. Иными словами чтобы текст был сверху(извените за тофталогию)

@BasicMan · 19.03.2009, 10:37

Сообщение от RazorQ

И как с этим бороться.

а если все упростить.
Убрать все эти абсолютные позиции (тока резать аккуратно: убрать свойство style от ' до ' - это для position:absolute).
и еще, там есть и др. мусор:

lang="en-us"

а, вот это

[if gte vml 1]

я бы тоже удалил, причем полностью.
кста,

v:shapes="_x0000_s1030 _x0000_s1027 _x0000_s1026 _x0000_s1029 _x0000_s1028"

похоже на остаток от чего-то недорезанного.
good luck!

@RazorQ · 19.03.2009, 10:47 **[ТС]**

Спасибо. Теперь я точно убедился, что лучше обычного блокнота ничего нет!

Новые блоги и статьи Все статьи Все блоги /
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .

@RazorQ 591 / 357 / 16 Регистрация: 06.02.2009 Сообщений: 1,386

	Текст под картинкой 17.03.2009, 09:41. Показов 13841. Ответов 7 Метки нет (Все метки) Возникла такая проблема. Мне дали набор html страничек (вообщем сайт). И сказали чтобы я выложил его на каком-нибудь хостинге. С выбором хостинга проблем не было, но когда начал загружать сайт, оказалось, что всё должно быть на английском(имена страничек и картинок). Начал переименовывать. Само сабой полез исправлять код, и тут оказалось, что часть текста закрывается картинкой. Т.е. картинка как бы лежит на тексте, но это плохо. Ведь нельзя даже нажать на какую нибудь ссылку под картинкой. Помогите советом. P.S. картинка находится в таблице, а текст за пределами этой таблици. Если это поможет, то буду рад. 0

@GalaX 701 / 573 / 59 Регистрация: 18.11.2008 Сообщений: 2,147
	17.03.2009, 19:23
	не совсем понял ( 0

@BasicMan 19318 / 2625 / 84 Регистрация: 17.02.2009 Сообщений: 30,364
	17.03.2009, 19:27
	а можна кусок кода? Потому что на вскидку это похоже на <Div> с жесткой привязкой по месту, хотя может быть чем угодно 0

@RazorQ 591 / 357 / 16 Регистрация: 06.02.2009 Сообщений: 1,386
	18.03.2009, 20:29 [ТС]
	И как с этим бороться. Мне нужно чтобы картинка было под текстом. Иными словами чтобы текст был сверху(извените за тофталогию) 0

@RazorQ 591 / 357 / 16 Регистрация: 06.02.2009 Сообщений: 1,386
	19.03.2009, 10:47 [ТС]
	Спасибо. Теперь я точно убедился, что лучше обычного блокнота ничего нет! 0