Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вопрос по стилям (раскрывающийся faq) (https://javascript.ru/forum/dom-window/49388-vopros-po-stilyam-raskryvayushhijjsya-faq.html)

alerzo 11.08.2014 12:28

Вопрос по стилям (раскрывающийся faq)
 
Здравствуйте, не очень силен в css помогите исправить раскрывающийся faq
Приделывали на эту страницу http://do-is.ru/templ/faq.html
Теперь необходимо подключать инклудом в общий сайт
http://do-is.ru/faq.php
и все поехало.
Я так понял что стили основного сайта перекрываются теми что в faq
Помогите исправить, за любую помощь заранее спасибо:(

Viral 11.08.2014 12:46

у вас в файле style.css на 271 строке
float: left; 
 width: 36px; 
 height: 33px;

закомментируйте, посмотрите, что получится.

alerzo 11.08.2014 12:56

Спасибо большое:) ! Вроде основное исправилось
Не подскажите как убрать знак вопроса справа и уменьшить расстояние между строками?

Viral 11.08.2014 13:03

Знак вопроса там же
background: url("../images/faq.png") no-repeat right;


Расстояние между строками у вас написано в style.css на 149 строке
line-height: 2.0;


но если уберете, скорее всего, межстрочный интервал слетит где-нибудь еще, поэтому лучше в faq.html (или где у вас там стили) в блок
#content{}

дописать
line-height: 1.5;

Viral 11.08.2014 13:07

И <center></center> лучше убрать..и вместо этого дописать в css
.contentblocktablebgcont {
    text-align:center;
}
.contentblocktablebgcont .button {
    display:inline-block;
}
#content {
    text-align:left;
}

alerzo 11.08.2014 13:14

Все поправил, спасибо большое еще раз:yes:
сам бы не догадался!

alerzo 11.08.2014 13:55

Возник еще вопрос, как мне выровнять картинку FAQ всегда по центру а то она скачет при раскрытии списка? и при переключении на раздел faq верхнее меню становится расплывчатым шрифтом

Viral 11.08.2014 14:39

.button {
  width: 300px;
  /*вместо 400px, которые сейчас там стоят*/
}
.contentblocktablebgcont {
float: left;/*это убрать*/
padding-left: 25px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 30px;
}

alerzo 11.08.2014 15:01

Не помогло..шрифт мутный так и остался..а FAQ изначально не по центру, проверьте может я че не так сделал?

Viral 11.08.2014 15:07

style.css строка 147 тоже убрать надо
.contentblocktablebgcontblock{
float:left;
}

Шрифт в меню (в faq.html):
ul {
list-style: url(templ/images/left.gif);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

заменить на
#content ul {
list-style: url(templ/images/left.gif);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

(исправил)
(снова исправил)


Часовой пояс GMT +3, время: 02:18.