Перейти к публикации

Как Сверстать? Выравнивание Фото По Левому Верхнему Краю.


Рекомендованные сообщения

Доброго времени суток. Появилась необходимость сверстать данную структуру вывода новости под DLE. Т.е. сайт уже существует с другим дизайном, мне надо создать стиль под DLE, но чтобы новости выводились так, что картинка была слева и от краткой новости, и от даты, и от заголовка. Какой примерно должен быть код и как это осуществить подскажите пожалуйста. Заранее благодарен.

С уважением.

d0545d8f1766.gif

Ссылка на сообщение
Поделиться на других сайтах

-YuRoK-, если ты верстальщик, то лучше воспользоваться конструкцией в CSS

.shortNews img{float:left; padding-right:10px}

Изменено пользователем lifestar
Ссылка на сообщение
Поделиться на других сайтах

Возможно я неправильно поставил вопрос. Как сместить картинку влево я знаю. Но мне надо что бы она была и слева от заглавия тоже.

Вот код, который я имею на данный момент:

<table width="100%" border="0" cellspacing="0" cellpadding="0">

				<tr>

				  <td><span class="newstitle"><a href="#">Mercedes C-класса 4Matic</a></span><br>

					<span class="date">26 ноября 2007</span><br>

					<span class="txt"><img src="images/image.jpg" style="float:left; padding-right:10px;">Mercedes на автомобилях с полным приводом всеми силами пытается сберечь породу и во что бы то ни стало сохранить заднеприводные «повадки» своих автомобилей.<br>

					<a href="#">> Подробнее</a></span></td>

				</tr>

			  </table>

Вот как выглядит:

403853bdc706.gif

Возможно, я что-то не так делаю? Всем спасибо за ответы, но вопрос остается открытым.

Изменено пользователем -YuRoK-
Ссылка на сообщение
Поделиться на других сайтах

мне надо что бы она была и слева от заглавия тоже.

Не понял этой фразы. Это как?

Ссылка на сообщение
Поделиться на других сайтах

-YuRoK-, всё просто, выдёргиваем из короткой новости картинку и постим в виде

<img src="" style="imgclass" />

<h1>Заголовок</h1>

<p>текст новости</p>

<div class="clear"></div>
выдёргивать так:
preg_match('/<img(.*?)\/>/si', $short_story, $img);

$img[0] - ваша картинка ;)

стили надеюсь напишешь сам)

Изменено пользователем lifestar
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...