Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.08.2014, 12:28
Профессор
Отправить личное сообщение для alerzo Посмотреть профиль Найти все сообщения от alerzo
 
Регистрация: 23.12.2010
Сообщений: 224

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

Последний раз редактировалось alerzo, 11.08.2014 в 15:22.
Ответить с цитированием
  #2 (permalink)  
Старый 11.08.2014, 12:46
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

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

закомментируйте, посмотрите, что получится.
Ответить с цитированием
  #3 (permalink)  
Старый 11.08.2014, 12:56
Профессор
Отправить личное сообщение для alerzo Посмотреть профиль Найти все сообщения от alerzo
 
Регистрация: 23.12.2010
Сообщений: 224

Спасибо большое ! Вроде основное исправилось
Не подскажите как убрать знак вопроса справа и уменьшить расстояние между строками?
Ответить с цитированием
  #4 (permalink)  
Старый 11.08.2014, 13:03
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

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


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


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

дописать
line-height: 1.5;
Ответить с цитированием
  #5 (permalink)  
Старый 11.08.2014, 13:07
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

И <center></center> лучше убрать..и вместо этого дописать в css
.contentblocktablebgcont {
    text-align:center;
}
.contentblocktablebgcont .button {
    display:inline-block;
}
#content {
    text-align:left;
}
Ответить с цитированием
  #6 (permalink)  
Старый 11.08.2014, 13:14
Профессор
Отправить личное сообщение для alerzo Посмотреть профиль Найти все сообщения от alerzo
 
Регистрация: 23.12.2010
Сообщений: 224

Все поправил, спасибо большое еще раз
сам бы не догадался!
Ответить с цитированием
  #7 (permalink)  
Старый 11.08.2014, 13:55
Профессор
Отправить личное сообщение для alerzo Посмотреть профиль Найти все сообщения от alerzo
 
Регистрация: 23.12.2010
Сообщений: 224

Возник еще вопрос, как мне выровнять картинку FAQ всегда по центру а то она скачет при раскрытии списка? и при переключении на раздел faq верхнее меню становится расплывчатым шрифтом
Ответить с цитированием
  #8 (permalink)  
Старый 11.08.2014, 14:39
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

.button {
  width: 300px;
  /*вместо 400px, которые сейчас там стоят*/
}
.contentblocktablebgcont {
float: left;/*это убрать*/
padding-left: 25px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 30px;
}
Ответить с цитированием
  #9 (permalink)  
Старый 11.08.2014, 15:01
Профессор
Отправить личное сообщение для alerzo Посмотреть профиль Найти все сообщения от alerzo
 
Регистрация: 23.12.2010
Сообщений: 224

Не помогло..шрифт мутный так и остался..а FAQ изначально не по центру, проверьте может я че не так сделал?
Ответить с цитированием
  #10 (permalink)  
Старый 11.08.2014, 15:07
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

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);
}

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

Последний раз редактировалось Viral, 11.08.2014 в 15:18.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вопрос по toDataURL() GodZiLA Общие вопросы Javascript 0 03.06.2014 17:21
Всплытие событий или что то не так... Кирюха =) jQuery 6 30.03.2013 12:56
Вопрос по each() и перебору строк таблицы battrack jQuery 1 09.02.2012 14:30
Теоретический вопрос. gods33 (X)HTML/CSS 10 16.12.2010 23:49
Объекты JavaScript и рациональность их использования. KBEPT Общие вопросы Javascript 19 11.09.2010 19:22