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



 

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

Открыть тему
Тема закрыта
> Помогите с блоком цсс
poltava
poltava
Topic Starter сообщение 25.9.2012, 19:41; Ответить: poltava
Сообщение #1


Psy engineer
******

Группа: Active User
Сообщений: 1259
Регистрация: 28.4.2008
Поблагодарили: 125 раз
Репутация:   29  


есть код:
/*related articles*/
#related {float:left;width:620px;overflow:hidden;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px;}
.full-width #related {width:720px;}
#related ul.tabnav {width:1600px;float:left;background:#464646;border:1px solid #202020;height:37px;color:#BBB;margin:0px;}
#related ul.tabnav li.title {height:29px;float:left;padding:9px 6px 0px 15px !important;background:#2b2b2b url(images/section-bullet-2.png) no-repeat 4px 11px;color:#FFF;text-transform:uppercase;font-size:14px;font-family:BebasNeueRegular, Arial, Sans-Serif;}
#related ul.tabnav li.arrow {width:11px;height:37px;background:url(images/arrow-related-right.png) no-repeat 0px 0px;}
#related ul.tabnav li a {padding:9px 10px 9px 10px;height:27px;font-family:Arial, Helvetica, sans-serif;color:#AAA;font-size:11px;text-transform:uppercase;}
#related ul.tabnav li a:hover, #related ul.tabnav li a:active, #related ul.tabnav li.ui-tabs-selected a, #related .tabdiv li.more a:hover {background:url(images/arrow-related-down.png) no-repeat center bottom !important;}
#related .tabdiv-wrapper {border:1px solid #DFDFDF;background:#F7F7F7;padding:15px 11px 15px 13px;}
.full-width #related .tabdiv-wrapper {padding:20px 20px 15px 28px;}
#related .panel {float:left;width:110px;margin:0px 20px 20px 0px;}
.full-width #related .panel {margin:0px 28px 28px 0px;}
#related .panel.right {margin-left:0px;}
#related .panel a.post-title {font-size:11px;;color:#666;display:inline;padding-top:10px;line-height:1.4em;}
#related .panel a.post-title:hover {color:#999;}


данный код выводит картинки после статьи в полной новости, в настройках отображается не больше 5 новостей ( в админке выставляется)похожих, но они идут в 2 столбика ( в верхнем 3, а в нижнем 2) как я не крутил код ( пробовал растягивать блок и ставить block - inline (цсс не знаю, пробовал методом тыка и интуитивно но не вышло)), у меня не получается,чтобы эти 5 новостей выводились не в 2 столбика, а горизонтальной линией, помогите пожалуйста.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
serkaz
serkaz
сообщение 25.9.2012, 19:51; Ответить: serkaz
Сообщение #2


Участник
***

Группа: User
Сообщений: 203
Регистрация: 15.2.2012
Поблагодарили: 60 раз
Репутация:   10  


По css коду не сказать, надо видеть html код, чтобы понять к какому классу какой css присваивать.

Вообще вам нужно свойство float:left, к какому классу приписать сказать нельзя, так как не видно html код.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
poltava
poltava
Topic Starter сообщение 25.9.2012, 19:55; Ответить: poltava
Сообщение #3


Psy engineer
******

Группа: Active User
Сообщений: 1259
Регистрация: 28.4.2008
Поблагодарили: 125 раз
Репутация:   29  


floaft left и стоит. с какого файла показать код,чтобы могли подсказать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
oldzas
oldzas
сообщение 26.9.2012, 8:20; Ответить: oldzas
Сообщение #4


Бывалый
****


Группа: Banned
Сообщений: 279
Регистрация: 16.5.2011
Поблагодарили: 25 раз
Репутация:   1  


увечильте вот это .full-width #related {width:720px;} на большее значение
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
poltava
poltava
Topic Starter сообщение 26.9.2012, 9:27; Ответить: poltava
Сообщение #5


Psy engineer
******

Группа: Active User
Сообщений: 1259
Регистрация: 28.4.2008
Поблагодарили: 125 раз
Репутация:   29  


ничего не произошло о этих изменений. я подозреваю, что это касается полной новости,когда нет сайдбара,тогда и меняется ширина
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Korso
Korso
сообщение 27.9.2012, 12:59; Ответить: Korso
Сообщение #6


Новичок
*

Группа: Viewer
Сообщений: 1
Регистрация: 26.9.2012
Поблагодарили: 0 раз
Репутация:   0  


Ширина блоков с новостями (это которых пять и у которых float:left;) в сумме не должна привышать ширину глобального блока в котором эти новости находятся - если же привышает - блоки с float:left; будут переноситься на другую строку - посчитайте правильно ширину и всё получится rolleyes.gif

Сообщение отредактировал Korso - 27.9.2012, 13:00
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops
andreykashops
сообщение 27.9.2012, 13:48; Ответить: andreykashops
Сообщение #7


WordPress is my Life..
******

Группа: Active User
Сообщений: 1426
Регистрация: 21.7.2012
Из: Украины
Поблагодарили: 633 раза
Репутация:   139  


Вам просто нужно убрать флоат лефт - тогда блоки будут идти друг под другом.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
poltava
poltava
Topic Starter сообщение 27.9.2012, 13:48; Ответить: poltava
Сообщение #8


Psy engineer
******

Группа: Active User
Сообщений: 1259
Регистрация: 28.4.2008
Поблагодарили: 125 раз
Репутация:   29  


мне нужно вряд, а не друг под другом, в том то и дело
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops
andreykashops
сообщение 27.9.2012, 17:44; Ответить: andreykashops
Сообщение #9


WordPress is my Life..
******

Группа: Active User
Сообщений: 1426
Регистрация: 21.7.2012
Из: Украины
Поблагодарили: 633 раза
Репутация:   139  


poltava, скиньте ссылку на одну из записей, где нужно внести правки посмотрим.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1316 Вчера, 13:11
автор: Mikki
Открытая тема (нет новых ответов) Помогите найти плагин на WP
Отзывы с профилей соц сетей
1 SEOMR 429 30.11.2017, 7:18
автор: Nell
Открытая тема (нет новых ответов) Помогите найти проблему
Долгий ответ сервера
6 maxim1249 665 29.11.2017, 17:27
автор: genjnat
Открытая тема (нет новых ответов) Помогите оценить новотник. Плиз
1 Alex-777 502 29.11.2017, 7:18
автор: grumdas
Открытая тема (нет новых ответов) Помогите с неймингом для сборника советов
советы по разработки и жизни
11 coremission 1867 15.11.2017, 22:23
автор: rogefer


 



RSS Текстовая версия Сейчас: 12.12.2017, 3:12
Дизайн