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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


есть код:
/*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


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

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


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


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


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


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


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

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


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


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


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


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 727 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1702 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2341 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12507 24.7.2020, 17:02
автор: -JamesSmips-
Открытая тема (нет новых ответов) Помогите с поиском доноров
3 tehno_music 3356 4.11.2019, 17:15
автор: goblin78


 



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