Форум Сайтостроение Веб-строительство

Расположение баннера и рисунков в тексте

Nekada
На сайте с 01.05.2009
Offline
233
Nekada
527

Вроде нашла решение, вставила кусок в код, но все равно не работает.

Справа от рисунка пустое место, а далее идет уже текст :mad:

.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {float:left; margin-right:10px;}
.alignright {float:right; margin-left:10px;}
.aligncenter {margin-left:auto; margin-right:auto; display:block}

.alignright img, img.alignright
{
margin: 1em;
margin-right: 0;
}

.alignleft img, img.alignleft
{
margin: 1em;
margin-left: 0;
}

.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}

.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

Красным - это то, что вставила.

Наблюдаю и развлекаюсь.
sashka_
На сайте с 27.01.2010
Offline
103
sashka_
#1

нужно посмотреть html код как сделано.

Вот например если так сделать, всё работает.

<style>
.alignleft {float:left; margin-right:10px;}
</style>
<div>
<img src="тест.jpg" height="150px" class="alignleft">
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст текст теккст
</div>
Знаю PHP, JS, jQuery. Помощь для вашего сайта. (/ru/forum/840509).
Nekada
На сайте с 01.05.2009
Offline
233
Nekada
#2
sashka_:
Вот например если так сделать, всё работает.

yes!

Не хватало в самом изображении вот этого: class="alignleft"

Спасибо.

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