Сложное позиционирование <image> <h1> <span> / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сложное позиционирование <image> <h1> <span>

2 сообщений из 2, страница 1 из 1

Сложное позиционирование <image> <h1> <span>

#36169719

Свят

Гость

Доброго времени суток!
Возникла слоная задача, нужна реализовать шаблон статей под джумлу.
Возникла проблема в разрыве тегов при выводе блога статьи. Изначально шаблон выглядит так:

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle">
<IMG src="images/1.jpg" width="480" height="229" >
</td>
<td style="padding:0 0 0 23px;">
<h1 style="margin:0 0 10px -10px;color:#5A5758;">"Заголовок"</h1>
"Вступительный текст"<hr id="system-readmore" /> "весь текст"  
</td>
</tr>
</table>

Глюк заключаеться в том что джумла незакрывает теги:

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle">
<IMG src="images/1.jpg" width="480" height="229" >
</td>
<td style="padding:0 0 0 23px;">
<h1 style="margin:0 0 10px -10px;color:#5A5758;">"Заголовок"
</h1>
"Вступительный текст"<a href="полный текст">подробнее...</a>

кусок таблицы остался не закрытым, и дальше сплошной косяк...
Решил поменять шаблон:

Код: plaintext

1.
2.
3.

<IMG src="images/1.jpg" width="480" height="229" align="left">
<h1 style="margin:0 0 10px 10px;color:#5A5758;">"Заголовок"</h1>
<span style="margin:0 0 0 23px;>"Вступительный текст"</span><hr id="system-readmore" /> <span>"весь текст"</span>

Возник глюк с картикой, она вышла из общего потока, оптикаеться с лева в плотную к тексту, margin для <h1>,<span> эфекта недает...
Подскажите пожалуйста как правильно задать style чтоб шаблон был такого вида:
Возник

...

Рейтинг:

0 / 0

30.08.2009, 22:10

| Ответить | Цитировать | Написать

Сложное позиционирование <image> <h1> <span>

#36170840

Свят

Гость

методом тыка пришел к следующей комбинации:

Код: plaintext

1.
2.
3.
4.
5.

<img src="../1.jpg" width="480" height="229" align="left" style="margin:0 23px 0 0">
<div style="height:80px;position:relative;">
  <h1 style="width:240px;margin: 7px 0 7px 490px;position:absolute;">"Заголовок"</h1>
</div>
"Текст"
<hr id="system-readmore" />

Все работает :) тему можно закрывать :)

...

Рейтинг:

0 / 0

31.08.2009, 15:26

| Ответить | Цитировать | Написать

2 сообщений из 2, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сложное позиционирование <image> <h1> <span>

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&fpage=281&tid=1454326]:	0ms
get settings:	6ms
get forum list:	11ms
check forum access:	2ms
check topic access:	2ms
track hit:	39ms
get topic data:	8ms
get forum data:	2ms
get page messages:	21ms
get tp. blocked users:	1ms
others:	199ms

total:	291ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы