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



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Глюк с картинками в вордпресе, Нужен хороший совет.
numinoross
numinoross
Topic Starter сообщение 7.6.2011, 4:16; Ответить: numinoross
Сообщение #1


Участник
***

Группа: User
Сообщений: 137
Регистрация: 23.4.2011
Поблагодарили: 17 раз
Репутация:   5  


Возникла такая сложность. Хочу вставить картинку в начале поста с выравниванием по левому краю. Ставлю - в редакторе все нормально. Перехожу на сайт и тут такая магия текст не обволакивает картинку, а тупо переходит вниз, вот сайт dengoblog.ru Тема шаблона Atpeace 1.0. Кто знает как избавиться от этих дыр?

Сообщение отредактировал numinoross - 7.6.2011, 4:25
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NekiNeko
NekiNeko
сообщение 7.6.2011, 9:56; Ответить: NekiNeko
Сообщение #2


Участник
***

Группа: User
Сообщений: 220
Регистрация: 15.5.2011
Поблагодарили: 27 раз
Репутация:   0  


У вас нет обтекания текстом — смотрите в CSS параметры float.


--------------------
Нужны тексты на английском от носителя языка? — Welcome to Michael


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 7.6.2011, 12:07; Ответить: Alex_RD
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


Добавьте в style.css темы:
.alignleft{display:block;float:left;}
.alignright{display:block;float:right}

.alignleft img{margin:0 10px 10px 0}
.alignright img{margin:0 0 10px 10px}


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
numinoross
numinoross
Topic Starter сообщение 10.6.2011, 19:18; Ответить: numinoross
Сообщение #4


Участник
***

Группа: User
Сообщений: 137
Регистрация: 23.4.2011
Поблагодарили: 17 раз
Репутация:   5  


(Alex_RD @ 7.6.2011, 11:07) *
Добавьте в style.css темы:
.alignleft{display:block;float:left;}
.alignright{display:block;float:right}

.alignleft img{margin:0 10px 10px 0}
.alignright img{margin:0 0 10px 10px}


Я в этих вопросах не бум бум, куда конкретно вставить в коде?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
chistyakoveo
chistyakoveo
сообщение 10.6.2011, 19:24; Ответить: chistyakoveo
Сообщение #5


Бывалый
****

Группа: User
Сообщений: 425
Регистрация: 7.8.2010
Из: Томск
Поблагодарили: 130 раз
Репутация:   51  


Файл style.css найдите на хостинге, он находится в папке Вашей темы, после чего добавьте то, что Вам написали постом выше и сохраните. Тогда проверьте на сайте.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
numinoross
numinoross
Topic Starter сообщение 10.6.2011, 20:04; Ответить: numinoross
Сообщение #6


Участник
***

Группа: User
Сообщений: 137
Регистрация: 23.4.2011
Поблагодарили: 17 раз
Репутация:   5  


(chistyakoveo @ 10.6.2011, 18:24) *
Файл style.css найдите на хостинге, он находится в папке Вашей темы, после чего добавьте то, что Вам написали постом выше и сохраните. Тогда проверьте на сайте.

У меня вордпресс, это можно сделать из админки просто зайдя в редактор тем. Я прописал так
/* Content */

#content .alignleft{display:block;float:left;}
#content .alignright{display:block;float:right}

#content .alignleft img{margin:0 0px 10px 10}
#content .alignright img{margin:0 0 10px 10px}

#content .post-title a { border-bottom-width: 0; }

#content .post p.img { float: left; margin: 0 15px 0 0; }

#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }


И картинка наехала на другое меню
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NekiNeko
NekiNeko
сообщение 10.6.2011, 21:57; Ответить: NekiNeko
Сообщение #7


Участник
***

Группа: User
Сообщений: 220
Регистрация: 15.5.2011
Поблагодарили: 27 раз
Репутация:   0  


(numinoross @ 10.6.2011, 20:04) *
Я прописал так


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

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


--------------------
Нужны тексты на английском от носителя языка? — Welcome to Michael


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужен человек для работы с картинками
2 Tootkin 671 15.9.2017, 19:40
автор: OswinOswald
Открытая тема (нет новых ответов) Seo-тексты с картинками. Строительство, туризм, авто, бытовые фишки.
Здесь можно купить готовые сео-статьи с картинками или заказать
9 romaseo 2424 3.12.2016, 13:50
автор: romaseo
Открытая тема (нет новых ответов) Необходима правка названий статей сайтов на вордпресе
2 borroza 1137 21.4.2014, 19:47
автор: zIko
Открытая тема (нет новых ответов) Продам 9 статей (с картинками) Ручной рерайт / для СДЛ / семья, дети, родители и т.д.
Общее кол-во знаков - 32011 б/п (по отдельности тоже можно)
2 topsmiling 1068 30.9.2011, 22:31
автор: topsmiling


 



RSS Текстовая версия Сейчас: 16.12.2017, 9:27
Дизайн