X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Изображение и текст
Noizer
Noizer
Topic Starter сообщение 13.11.2010, 21:07; Ответить: Noizer
Сообщение #1


Помогите пожалуйста разобраться, мне необходимо на странице разместить слева фотографии, а справа подписи к ним по центру фотки. Вопрос я этот решил, но есть маленькая проблемка, если текст длиннее одной строки он переносится под фотографию, и получается то, что представлено на скриншоте. Как это исключить не меняя размер шрифта?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 13.11.2010, 21:33; Ответить: zidan
Сообщение #2


Сделай таблицу с двумя столбцами. В левом картинки, в правом подписи.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Noizer
Noizer
Topic Starter сообщение 13.11.2010, 21:47; Ответить: Noizer
Сообщение #3


(zidan @ 13.11.2010, 23:33) *
Сделай таблицу с двумя столбцами. В левом картинки, в правом подписи.


А других вариантов нет? Почему именно так происходит обтекание изображения текстом?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 13.11.2010, 21:50; Ответить: zidan
Сообщение #4


Насколько я знаю, этот вариант самый надёжный. А зачем мне предлагать менее надёжные варианты?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Noizer
Noizer
Topic Starter сообщение 13.11.2010, 21:55; Ответить: Noizer
Сообщение #5


(zidan @ 13.11.2010, 23:50) *
Насколько я знаю, этот вариант самый надёжный. А зачем мне предлагать менее надёжные варианты?


Ну а вы предложите, не хочу вариант с таблицей реализовывать. Вот часть моего кода для удобства:
<div style="float:left"><img src="/IMG_1417_1.jpg" align="middle" style="margin: 0px 12px 0px 0px;"> <b><span style="font-size:12pt">Карченков Александр Михайлович - директор лицея (высшая категория)</span></b> <br> <br />
<img src="/IMG_1423_1.jpg" align="middle" style="margin: 10px 12px 0px 0px;"> <span style="font-size:12pt"><b>Панкратова Елена Владимировна - заместитель директора по учебно-производственной работе (высшая категория)</b></span> <br> <br />
<img src="/IMG_1376_1.jpg" align="middle" style="margin: 10px 12px 10px 0px;"> <span style="font-size:12pt"><b>Сергеева Татьяна Олеговна - организатор допроизводственной подготовки (I категория)</b></span> <br> <br /> ........... </div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
V!R20Z
V!R20Z
сообщение 13.11.2010, 22:01; Ответить: V!R20Z
Сообщение #6


в таком случае помойму таблица - самый надёжный метод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 13.11.2010, 22:03; Ответить: zidan
Сообщение #7


А... патологическая неприязнь к таблицам. Как у меня к дивам.) Ну хорошо, можно обернуть img в div и текст в div.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Noizer
Noizer
Topic Starter сообщение 14.11.2010, 0:12; Ответить: Noizer
Сообщение #8


создал таки с помощью таблицы, всё ок, спасибо. Но появился ещё один вопрос. Почему сайт в Opera 10.63, Google Chrome 7.0.517.44 просматривается правильно, а IE 9.0 одну из таблиц выводит явно не в задуманном варианте. Ниже скрины различий. Или это глюки IE9 beta?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 14.11.2010, 0:22; Ответить: zidan
Сообщение #9


Т.е. в IE 8 нормально? И код, пожалуйста.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Noizer
Noizer
Topic Starter сообщение 14.11.2010, 0:28; Ответить: Noizer
Сообщение #10


(zidan @ 14.11.2010, 02:22) *
Т.е. в IE 8 нормально? И код, пожалуйста.


На 8-ке таже фигня. При этом другие таблицы на страницах сайта без проблем открываются во всех браузерах. Код кидаю:
к первому скрину, где текст пропадает с главной страницы

<div align="left"><table style="width: 100%; border-collapse: collapse"><tbody><tr><td style="letter-spacing: 0px; word-spacing: 0px; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; border-left-color: #ffffff; border-right-color: #ffffff; border-top-color: #ffffff; border-bottom-color: #ffffff"><img src="/IMG_14.jpg" alt="" align="left" style="margin-bottom: 20px; margin-right: 10px"><br></td><td style="letter-spacing: 0px; word-spacing: 0px; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; border-left-color: #ffffff; border-right-color: #ffffff; border-top-color: #ffffff; border-bottom-color: #ffffff" align="center"><span style="font-family: Monotype Corsiva; font-size: 24pt;"><i><span style="font-size: 24pt; font-family: Monotype Corsiva;"><span style="font-size: 24pt; font-family: Monotype Corsiva; color: rgb(0, 0, 205);"><span style="font-size: 24pt; font-family: Monotype Corsiva; color: rgb(0, 0, 205);"><style="float:left;>Выбор будущей профессии - одно из самых ответственных решений в жизни, важность которого сложно переоценить</style="float:left;></span>.</span></span></i></span><br></td></tr><tr><td style="letter-spacing: 0px; word-spacing: 0px; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; border-left-color: #ffffff; border-right-color: #ffffff; border-top-color: #ffffff; border-bottom-color: #ffffff" colspan="2"><b><span style="font-family: 'Arial';"><span style="font-size: 9pt;">Наш адрес: * * * * * * * * * * * * Тверская область, г.Ржев, ул. Н.Головни, д.24.<br>Контактные телефоны:* директор/приёмная* (48232) 2-31-57<br>********************************************** бухгалтерия*************** (48232) 2-25-74<br>********************************************** общежитие****************** (48232) 2-28-96<br>Электронный адрес: * ******************************************* <a href="mailto:plicei42@yandex.ru">plicei42@yandex.ru</a>****************** <br><br>Проезд маршрутным автобусом №9 до остановки "Профессиональный лицей №42"</span></span></b><br></td></tr></tbody></table>*<span style="font-size: 14pt;"><style="float:left;><br></style="float:left;></span></div><b><span style="font-family: 'Arial';"><span style="font-size: 9pt;"><br></span></span></b><?if($ADD_ENTRY_LINK$)?><div style="padding-bottom: 3px;" align="$right"></div><?endif?>$LAST_NEWS$

ко второму скрину, где таблица разъезжается

<div align="center"><b><span style="font-size: 10pt;">Государственное образовательное учреждение начального профессионального образования "Профессиональный лицей №42" г.Ржева, на основании <br>свидетельства о Государственной аккредитации серия АА 159572 номер 192 проводит приём и обучение на 2010/11 учебный год <br>(<u>без вступительных экзаменов</u>) по следующим специальностям:</span><br><br></b><b><table style="width: 1091px; height: 600px; border-collapse: collapse;" align="" width=""><tbody><tr startcont="this"><td rowspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><br style="border: medium solid; width: 1%;"></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">Профессия, специальность<br></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">Срок обучения<br></span></td></tr><tr align="center"><td colspan="3" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt; background-color: rgb(169, 169, 169);"><span style="font-size: 12pt;"><i>На базе 9 классов (с получением общего/полного/среднего образования)</i><br></span></td></tr><tr startcont="this"><td rowspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">1<br></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" valign="top"><span style="font-size: 10pt;">2.3 "Наладчик сварочного и газоплазморезательного оборудования" (электрогазосварщик, сварщик на автоматических и полуавтоматических машинах, водитель категорий "B" и "C" <i><u>бесплатно</u></i>)<br></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">3-4 года<br></span></td></tr><tr startcont="this"><td rowspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">2<br></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" valign="top"><span style="font-size: 10pt;">2.4 "Сварщик" (электросварочные и газосварочные работы) (электрогазосварщик, водитель категорий "B" и "C" <i><u>бесплатно</u></i>)<br></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">3 года<br></span></td></tr><tr><td rowspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">3<br></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" valign="top"><span style="font-size: 10pt;">36.3 "Парикмахер" (водитель категории "B" <u><i>бесплатно</i></u>)<br></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">3 года<br></span></td></tr><tr><td rowspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">4<br></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" valign="top"><span style="font-size: 10pt;">22.6 "Машинист подъёмно-транспортных и строительных машин" (машинист крана автомобильного, водитель катерий "B" и "C" <i><u>бесплатно</u></i>)<br></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">3 года<br></span></td></tr><tr><td rowspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">5<br></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" valign="top"><span style="font-size: 10pt;">38.15 "Секретарь-референт" (водитель категории "B" <u><i>бесплатно</i></u>)<br style="border: medium solid;"></span></td><td style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">3-4 года<br style=""></span></td></tr><tr align="center"><td colspan="3" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt; background-color: rgb(169, 169, 169);"><span style="font-size: 12pt;"><i>На базе 11 классов</i><br></span></td></tr><tr startcont="this"><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">1<br></span></td><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 10pt;">2.4 "Сварщик" (электросварочные и газосварочные работы) (электрогазосварщик, водитель категорий "B" и "C" <u><i>бесплатно</i></u>)<br>22.6 "Машинист крана автомобильного"<br></span></td><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">1 год</span><br></td></tr><tr startcont="this"><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">2<br></span></td><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 10pt;">36.3 "Парикмахер" (водитель категории "B")<br></span></td><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">1 год<br></span></td></tr><tr startcont="this"><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">3<br></span></td><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 10pt;">38.17 "Социальный работник" (социальный работник, компьютерное делопроизводство, водитель категории "B")<br></span></td><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">1 год<br></span></td></tr><tr><td colspan="3" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt; background-color: rgb(169, 169, 169);" align="center"><span style="font-size: 12pt;"><i><span style="font-size: 12pt;">На базе неполного образования<br></span></i></span></td></tr><tr startcont="this"><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">1<br></span></td><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 10pt;">22.3 "Мастер общестроительных работ" (каменщик, электросварщик ручной сварки)<br></span></td><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">2 года<br></span></td></tr><tr startcont="this"><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">2<br></span></td><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 10pt;">22.2 "Мастер отделочных строительных работ" (штукатур, маляр строительный)<br></span></td><td colspan="1" style="width: 1px; border: 3px ridge rgb(0, 0, 0); text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 10pt;">2 года</span></td></tr></tbody></table></b></div>
<br><br><span style="font-size: 10pt;"><span style="font-size: 10pt;"><b>Перечень документов, необходимых для подачи при поступлении:</b><br>1. Заявление (<i><span style="font-size: 8pt;">форму можно скачать из раздела "Каталог файлов" нашего сайта</span></i>)<br>2. Документ об образовании<br>3. Справка с места жительства<br>4. Медицинская справка<br>5. Медицинский полис (копия)<br>6. Паспорт (копия)<br><br>Все обучающие в ГОУ НПО ПЛ №42 могут получить категорию "B" (водитель легкового автомобиля); обеспечиваются бесплатным питанием и ежемесячной стипендией.<br>В лицее имеются: общежитие, компьютерный класс, спортивный и тренажёрный залы, открытая спортивная площадка с искусственным покрытием.<br>Юноши на период обучения пользуются отсрочкой от службы в армии.</span><br></span>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1354 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Можно ли в старый SEO текст вместо старого домена поставить новый?
3 Tutich 1151 22.3.2024, 14:47
автор: Tutich
Горячая тема (нет новых ответов) Текст для сайта на английском языке
33 D007user 17910 26.1.2022, 17:16
автор: D007
Горячая тема (нет новых ответов) Копирайтинг и рерайт: качественный сео-текст по доступной цене!
374 Sostavitel 196494 18.1.2022, 23:46
автор: Sostavitel
Открытая тема (нет новых ответов) Эффективный копирайтинг. Продающие и инфостатьи, лэндинги. Текст для презентации и видео. Студенческие работы. Наполнение сайтов с нуля
7 лет в сфере, более 77 млн знаков за спиной
1 ELECTROKATZE 3579 11.6.2021, 18:48
автор: icoder


 



RSS Текстовая версия Сейчас: 29.3.2024, 1:11
Дизайн