Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.53/15: Рейтинг темы: голосов - 15, средняя оценка - 4.53
1 / 1 / 0
Регистрация: 14.08.2016
Сообщений: 93
1

Кнопка вылезает за рамки

11.02.2017, 14:59. Показов 2819. Ответов 4
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Есть сайт http://youcar.kiev.ua/
Есть скрипт в css
CSS
1
2
3
4
5
6
7
8
9
10
.add_comment {
  display:block;
  width:286px;
  height:50;
  position:fixed;
  left:0;
  top:200px;
  z-index: 99999;
background:#FFFFFF;
}
И баннер, который мы видим вверху слева. Баннер прикрепил кнопкой в хидере
HTML5
1
<a href="https://xn--80acczarepb8adi.xn--j1amh/maps/avtomobilnyi-servis/sto/sto-youcar.html" class="add_comment"><img alt="buttons" src="https://xn--80acczarepb8adi.xn--j1amh/images/auto_reccomend_banner_wb.jpg" /></a>
Всё бы ничего, но слева внизу под баннером появилась какая-то область, которая как бы продолжает баннер. Не могу понять почему, ведь ему заданы рамки 286/50. Помогите пожалуйста разобраться и устранить проблему.
Прилагаю скрин с монитора, на котором это видно визуально
[del]
Кнопка вылезает за рамки
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
11.02.2017, 14:59
Ответы с готовыми решениями:

Кнопка вылезает за див
Привет, требуется помощь, 3 дня голову ломаю. Пожалуйста посмотрите веб-инспектором, почему...

Расстояние справа от рамки до текста не равно расстоянию слева от рамки до текста
Я написал такой код: &lt;html&gt; &lt;head&gt; &lt;title&gt;Мой сайт&lt;/title&gt; &lt;style&gt; .chasi{ padding:10px;...

Изображение вылезает за рамки монитора
Доброго времени суток! Столкнулся тут с проблеммой - изображение на мониторе вылезает за рамки...

Рамки на некоторых страницах пропали и наложились на рамки других страниц
делал лабораторную и столкнулся с такой проблемкой: рамки,на некоторых страницах пропали и...

4
Эксперт HTML/CSS
2964 / 2618 / 1068
Регистрация: 15.12.2012
Сообщений: 10,047
Записей в блоге: 11
11.02.2017, 15:57 2
AleixVidal, у Вас в стилях высота .add_comment - 150px выставлена, а не 50(строка 164 в индексном файле)... Исправляем... Кстати, там не 50, а 52, если быть точным надо поставить...

Цитата Сообщение от AleixVidal Посмотреть сообщение
Есть скрипт в css
Стили или правила, но точно не скрипт...
0
5 / 5 / 1
Регистрация: 16.07.2016
Сообщений: 29
11.02.2017, 16:02 3
Цитата Сообщение от AleixVidal Посмотреть сообщение
1
.add_comment {
display:block;
width:286px;
height:50;
position:fixed;
left:0;
top:200px;
z-index: 99999;
background:#FFFFFF;
}
Инспектор показывает, что его перекрывает другое правило:
CSS
1
2
3
4
5
6
7
8
9
.add_comment {
    display:block;
    width:30px;
    height:150px;
    position:fixed;
    left:0;
    top:200px;
    z-index:99999
}
0
105 / 104 / 59
Регистрация: 21.10.2013
Сообщений: 346
11.02.2017, 16:02 4
Лучший ответ Сообщение было отмечено mrtoxas как решение

Решение

CSS
1
2
3
4
5
6
7
8
9
.add_comment {
    display: inline-block;
    width: auto;
    /* height: 150px; */
    position: fixed;
    left: 0;
    top: 200px;
    z-index: 99999;
}
0
1 / 1 / 0
Регистрация: 14.08.2016
Сообщений: 93
11.02.2017, 17:28  [ТС] 5
Да уж, я тот ещё рукожоп. Благодарю за помощь.
0
11.02.2017, 17:28
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
11.02.2017, 17:28
Помогаю со студенческими работами здесь

Как сделать что бы кнопка добавилась, а предыдущая кнопка не исчезла с страницы?
Добрый день. Есть кнопка1, которая добавляет кнопку2, следующая в свою очередь создает кнопку3....

Как сделать что бы кнопка добавилась, а предыдущая кнопка не исчезла с страницы?
Как сделать что бы кнопка3 добавилась, а кнопка2 не исчезла с страницы? &lt;?php if...

Не работает кнопка Ctrl + левая кнопка мыши в Excel
Не работает кнопка ctrl + левая кнопка мыши в excel.Не выделяются ячейки.Хотя на рабочем столе или...

Кнопка BS_OWNERDRAW или кнопка со своей картинкой
Есть код, с помощью которого можно менять картинку при нажатии, при фокусе { // ownerdraw...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru