Помогите с куском кода

Doggi
На сайте с 30.05.2010
Offline
55
757

Помогите пожалуйста, не могу додумать.

Есть статья.

Слева в начале у нее рисунок.

Допустим, выглядит так:

<img src="_" width="250px" alt="_" style="float:left;margin:0 15px 10px 0;"> content

Как под этот рисунок еще вставить выделенный текст? чтобы тоже был слева, под рисунком. Ну, допустим, рекламу.

Пыталась идти в сторону такого..

<img src="_" width="250px" alt="_" style="float:left;margin:0 15px 10px 0;"> 
<div style="float: left; margin:230px 15 10 0px;"> нужный текст</div> content

Но не получается

Наверно, глупый вопрос, но помогите..а)

Olldman
На сайте с 21.04.2010
Offline
79
#1

Элементу с float укажите ширину.

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#2

<div style="float: left;">

<img src="_">

нужный текст

</div>

Doggi
На сайте с 30.05.2010
Offline
55
#3

Алексей Барыкин, спасибо, получилось!!!

Doggi
На сайте с 30.05.2010
Offline
55
#4

Помогите мне еще раз, пожалуйста.

Если фото уже вставлены (wordpress), вставлены они конкретно в каждой статье (а в некоторых их нет), как сделать, чтобы этот рекламный блок опять же высвечивался под изображением?

Если делать так,

<div style="float: left;">

нужный текст
</div>

то картинка смещается.

Если ли какие-нибудь варианты?

MA
На сайте с 16.10.2009
Offline
29
#5
Если фото уже вставлены (wordpress), вставлены они конкретно в каждой статье (а в некоторых их нет), как сделать, чтобы этот рекламный блок опять же высвечивался под изображением?

покажите кусок кода с картинкой и блоком

Ищу площадки без бирж под размещение статей Тематика: ландшафтный дизайн, садоводство, комнатные растения, дача и участок.
Doggi
На сайте с 30.05.2010
Offline
55
#6

me_alex, кусок текста как в шаблоне? или как всем видится?

я пыталась вставить тем же способом, который указан выше

<div style="float: left;">

<img src="_">

нужный текст

</div>

только без img

<div style="float: left;">

нужный текст

</div>

а так как картинка уже в тексте есть, она уезжает вправо

MA
На сайте с 16.10.2009
Offline
29
#7
Doggi:
me_alex, кусок текста как в шаблоне? или как всем видится?

И то и то. Избыток информации не страшен. Я, например, wordpress в глаза не видел.

Непонятно, почему нельзя поместить картинку в div, поэтому и хочется увидеть исходник. Скорей всего, это можно сделать.

Если все же с дивом никак, попробуйте так:

1. Абсолютную привязку рекламного блока

Делаем отступ снизу - 200px

<img src="_" width="250px" alt="_" style="float:left;margin:0 15px 200px 0;"> 

Помещаем рекламный блок внутрь отступа

<div style="position: absolute; top: XXXpx; left: XXXpx;"> рекламный блок</div>

значения top и left - относительно страницы

2. Более извращенно - имитация блочной верстки

<div style = "display: table">


<img style="display: table-cell;">

<div style="display: table-cell;"> рекламный блок</div>

<p style="display: table-cell;"> основной текст справа или слева от картинки и блока</p>

<p style="display: table-cell;"> ниже картинки и блока</p>

</div>

Чтобы выровнять все это, возможно, придется объединять ячейки в строки и колонки.

http://htmlbook.ru/css/display

Правильный способ уже указан выше - поместить в div

Doggi
На сайте с 30.05.2010
Offline
55
#8

Вот так выглядит исходный год страницы

<div class="entrybody">
<p><img title="парпар" src="ссылка" alt="парпар" width="129" height="195" align="left" /></p>
<p>текст</p>

вот так в шаблоне

<div class="entrybody">

<?php the_content(); ?>
</div>

Дело в том, что картинка вставлена в посты в ручную, каждая имеет разный размер, разную ориентацию в пространстве и т.п.

А рекламу надо вставить под этой картинкой.

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

MA
На сайте с 16.10.2009
Offline
29
#9

т.е. не хотите все картинки править руками?

тогда нужно код менять

php the_content() - вытаскивает контент из базы данных, как я понимаю.

вариант 1 - парсить возвращаемый контент:

<?

$content = the_content();

function parse_content (&$content) {

/* код, отыскивающий картинку, одевающий ее в div и вставляющий туда же рекламу */

}

parse_content ($content);

echo $content;

?>

вариант 2 - обработать картинку и добавить рекламу javascript'ом

вариант 3 - может быть, подправить the_content();

как-то так.

Ищите программиста, знающего wordpress

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий