Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
12Gerc
3 / 3 / 1
Регистрация: 15.12.2013
Сообщений: 83
1

Border не видит картинку

24.01.2014, 12:10. Просмотров 702. Ответов 12
Метки нет (Все метки)

Border не видит картинку, если писать текст, то граница следует за ним, а вот размеры картинки не видит и не воспринимает их.
Можно конечно сделать after, before и прочертить эти линии на них, но может есть решение для первого варианта
HTML5
1
2
3
4
5
6
7
#content80 {
    width: 505px;
    height: auto;
    margin: 0 0 0px 50px;
    padding: 10px;
    border: 1px black solid
}
0
Миниатюры
Border не видит картинку  
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
24.01.2014, 12:10
Ответы с готовыми решениями:

Не получается привязать бэкграундом картинку и сделать border-bottom
Подскажите плиз, что я делаю неправильно? 18 и 30 строки не работают :-( <style> .styled-select...

Некорректная работа свойств border и border-radius на мобильных устройствах
Доброго времени суток, произошла интересная вещь: использовала border-radius:50% и border:6px...

CSS border-right как убрать крайний правый border
делаю сайт http://medi-clinic.ru и столкнулся с такой проблемой, в меню пункты разделены рамкой,...

Border-top и border-bottom сделать шарами
здравствуйте, не могу сделать границы рамки шарами, т.е. border-bottom: 15px dotted black; - будут...

Браузер не видит картинку
Делаю простую верстку на Bootstrap 3. В слайдере прописал путь к картинке. В папке она есть. Даже...

12
fol
509 / 483 / 161
Регистрация: 08.07.2013
Сообщений: 1,711
Записей в блоге: 1
24.01.2014, 12:28 2
Цитата Сообщение от 12Gerc Посмотреть сообщение
Border не видит картинку
достаточно забавно звучит картинка-то хоть в блоке или отдельно висит?
0
KaRaNTiN
44 / 44 / 11
Регистрация: 10.06.2009
Сообщений: 311
Записей в блоге: 2
24.01.2014, 12:30 3
Было бы не плохо увидеть весь код контента со стилями) Возможно, у Вас картинки вне "контент80")
0
12Gerc
3 / 3 / 1
Регистрация: 15.12.2013
Сообщений: 83
24.01.2014, 12:39  [ТС] 4
Часть кода, которая имеет отношение
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
#top3 {
    height: auto;
    width: 1000px;
    margin: 0;
}
/*div id="left"*/
#left {
    float: left;
    width: 340px;
    margin: -40px 0 30px 0;
    background: url(../images/leftmenucenter.png) repeat-y;
}
#left:after {
    content: "";
    clear: both;
    position: absolute;
    display: block;
    margin: 0px 0px 0px 3px;
    width: 340px;
    height: 28px;
    background: url(../images/leftmenuniz.png) 0 0 no-repeat;
}
/*vivod contenta razmerom 80% */
#contentpos {
    float: right;
    width: 660px;
    height: auto;
    margin: -40px 0 3px 0;
    padding: 0px 0px 30px;
    background: url(../images/contentcenter2.png);
    background-position: -1px 0;
}
#contentpos ul li {
    padding: 0 0 0 12px;
    margin: 5px;
    list-style: none;
}
#left li a:hover {
    display: block;
    text-decoration: underline;
    color: #fe1919;
}
#content80 {
    width: 505px;
    height: auto;
    margin: 0 0 0px 50px;
    padding: 10px;
    border: 1px black solid
}

Если задать border для #contentpos, то он обтекает всю картинку, но мне надо, чтоб он внутри был, я пока не сильно силён в верстке, можно ли для границ отдельно задать отступ?.
Картинка находится в теге <p> и бордер тег видит но картинку нет
0
12Gerc
3 / 3 / 1
Регистрация: 15.12.2013
Сообщений: 83
24.01.2014, 12:45  [ТС] 5
Проинспектированный элемент
0
Миниатюры
Border не видит картинку  
KaRaNTiN
44 / 44 / 11
Регистрация: 10.06.2009
Сообщений: 311
Записей в блоге: 2
24.01.2014, 12:45 6
Сложно понять "видит"\"не видит", "внутри"\"снаружи". Предоставьте картинку того, как Вы видите страницу и html-код блока
0
12Gerc
3 / 3 / 1
Регистрация: 15.12.2013
Сообщений: 83
24.01.2014, 13:01  [ТС] 7
Странно, счас одну картинку заменил он начал видеть её. Размер тоже менял.
Вопрос тогда наверно снят, но в чём проблема была так и не понял.
0
Миниатюры
Border не видит картинку  
12Gerc
3 / 3 / 1
Регистрация: 15.12.2013
Сообщений: 83
24.01.2014, 13:11  [ТС] 8
Нашёл причину, обтекание когда для картинки делаешь такой косяк выходит. Как решить проблему пока не знаю.
0
KaRaNTiN
44 / 44 / 11
Регистрация: 10.06.2009
Сообщений: 311
Записей в блоге: 2
24.01.2014, 13:14 9
Цитата Сообщение от 12Gerc Посмотреть сообщение
но в чём проблема была так и не понял
картинку поставили для нужной тематики))

Не по теме:

Зачем нам писать о ходе Ваших работ, если гадать на словах мы не умеем?)

0
monochromer
414 / 376 / 163
Регистрация: 03.01.2013
Сообщений: 966
24.01.2014, 13:20 10
Цитата Сообщение от 12Gerc Посмотреть сообщение
Нашёл причину, обтекание когда для картинки делаешь такой косяк выходит. Как решить проблему пока не знаю.
Проблема решается с помощью свойства clear, либо с помощью oveflow: hidden для блока, где есть обтекаемые элементы.
1
12Gerc
3 / 3 / 1
Регистрация: 15.12.2013
Сообщений: 83
24.01.2014, 13:24  [ТС] 11
Спасибо, действительно помогло, воспользовался вторым вариантом, будем знать.
0
Taatshi
Администратор
11756 / 5112 / 257
Регистрация: 05.04.2011
Сообщений: 13,844
Записей в блоге: 2
25.01.2014, 10:03 12
12Gerc, не нужно вторым. Для второго варианта это побочный эффект, он предназначен совсем для других целей. Используйте очистку обтекания clear - это ее прямое назначение
1
monochromer
414 / 376 / 163
Регистрация: 03.01.2013
Сообщений: 966
25.01.2014, 12:04 13
Можно вооружиться таким способом очистки через clear от Nicolas Gallagher
1
25.01.2014, 12:04
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
25.01.2014, 12:04

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

HTML - Надо: вставить картинку в картинку, в эту картинку, ссылку в картинку
Вот схема моего сайта. http://s020.***********/i716/1404/8c/254516feacb3.jpg У меня пока что на...

Как поставить иконку кругом в центре border-bottom без фона border-bottom внутри круга?
Как поставить иконку кругом в центре border-bottom без фона border-bottom внутри круга?Чет...

При наличии border 1px сайт отображается корректно, а при border 0px разлетается
При наличии border 1px сайт отображается корректно, а при border 0px разлетается. Помогите решить...


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

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.