Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.82/55: Рейтинг темы: голосов - 55, средняя оценка - 4.82
 Аватар для tedey35
2 / 2 / 0
Регистрация: 07.03.2016
Сообщений: 47

Границы сайта html

07.03.2016, 16:32. Показов 11423. Ответов 21
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Не могу никак вогнать в границы это... Ну, мне кажется, что нету тупо отступов, что-то я не так написал... Вот несколько скринов.



помогите добрые людиии))))
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
07.03.2016, 16:32
Ответы с готовыми решениями:

Html границы ячейки таблицы
Всем привет. Можете подсказать, как можно нарисовать границы ячейки таблицы? но не выходя за её пределы и не увеличивая размер самой...

Меню выезжает за границы сайта
решил создать лейдинг из psd тут же столкнулся с такими проблемами меню выезжает за границы сайта и меню стоит не на ровне с...

Смешно, но блок выходит за границы сайта
Я просто попрошу сначала посмотреть проблему. Она вообщем-то тривиальна. Но я просто никак не могу ее решить. Вот главная страница...

21
 Аватар для Nbot
4 / 4 / 1
Регистрация: 30.07.2014
Сообщений: 95
07.03.2016, 16:50
к блоку со всем этим содержимым применить css:
CSS
1
padding: 30px;
может быть и не 30 , а как вам надо)
0
 Аватар для tedey35
2 / 2 / 0
Регистрация: 07.03.2016
Сообщений: 47
07.03.2016, 16:51  [ТС]
А если немножечко точнее? А то не совсем понимаю))
0
 Аватар для Nbot
4 / 4 / 1
Регистрация: 30.07.2014
Сообщений: 95
07.03.2016, 16:54
вам что надо?) Чтобы текст не примыкал вплотную к границам? Если да, то к этим границам надо применить отступы. Точнее заполнение. Это свойство padding.
0
 Аватар для tedey35
2 / 2 / 0
Регистрация: 07.03.2016
Сообщений: 47
07.03.2016, 16:59  [ТС]
Мне надо чтобы эти таблицы и текст не примыкали к границам и не уходили за них) По скринам видно,что у таблиц нету граней и они как-то по уродский выглядят ) Просто,я не совсем понял куда этот код вписать )
0
 Аватар для Nbot
4 / 4 / 1
Регистрация: 30.07.2014
Сообщений: 95
07.03.2016, 17:07
ох, вы, судя по всему, совсем не шарите в этой теме)
Ваша белая область на сайте (где расположен весь текст) - это какой-то тег. Например, body или content. К этому тегу в css нужно применить такое свойство:
CSS
1
padding: 0 30px;
Это сделает отступ от краев на 30 пикселей.
А чтобы таблица была с сеткой, нужно придать им цвет. В css применить к тегу <table>
CSS
1
border: 1px #000 solid;
без кода трудно еще чем-то помочь
0
 Аватар для tedey35
2 / 2 / 0
Регистрация: 07.03.2016
Сообщений: 47
07.03.2016, 17:20  [ТС]
вот ксс контента
CSS
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
/* Content */
 
#content_wrap {
 background: #EEEEEE url(img/content_wrap_bg.gif) repeat-y;
 padding: 0 16px;
 width: 750px;
}
 
#content {
 width: 486px;
 float: left;
}
 
#content h2 {
 font-size: 15px;
}
 
#content p {
 font-size: 13px;
 line-height: 20px;
 padding: 10px 0;
}
 
#content ul, #content ol {
 padding: 0.5em 2.5em;
 font-size: 13px;
}
 
#content ul li {
 background: url(img/bullet.gif) no-repeat 0 0.6em;
 line-height: 20px;
 padding-left: 25px;
 list-style: none;
}
 
#content ol {
 margin-left: 1.4em;
}
 
#content ol li {
 background: none;
 padding-left: 7px;
 line-height: 20px;
}
 
#content blockquote {
 background: #F9F9F9;
 border-bottom: #EEEEEE 1px solid;
 border-left: 1px solid #EEEEEE;
 font-size: 13px;
 color: #737373;
 padding: 0 10px;
 width: 87%;
 margin: 10px auto;
 line-height: 20px;
}
 
#content img.left {
 float: left;
 margin: 10px 10px 10px 0;
}
 
#content img.right {
 float: right;
 margin: 10px 0 10px 10px;
}
 
#content img.center {
 display: block;
 margin: 10px auto;
}
 
/* Content Form */
 
#content form {
 background: #FAFAFA;
 width: 435px;
 border: #EDEDED 1px solid;
 padding: 15px 0 15px 15px;
 margin: 10px auto;
}
 
#content form p {
 padding: 0px 0 5px 0;
 line-height: 20px;
}
 
#content form input {
 border: #EEEEEE 1 solid;
 background: #fff;
 padding: 5px;
 font-size: 15px;
 font-family: Georgia;
}
 
#content form textarea {
 border: #EEEEEE 1px solid;
 width: 405px;
 height: 170px;
 padding: 3px;
 font-size: 15px;
 font-family: Georgia;
}
Вот body
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
html, body {
 background: url img/bg.png;
 font-family: Roman;
 border: 1;
}
 
body, p, h1, h2, h3, h4, ul, ol, li, form, blockquote {
 margin: 0;
 padding: 0;
}
 
a {
 text-decoration: none;
 color: #559AD3;
}
 
a:hover {
 text-decoration: underline;
}
0
 Аватар для Nbot
4 / 4 / 1
Регистрация: 30.07.2014
Сообщений: 95
07.03.2016, 17:35
вот в css впишите:
CSS
1
2
body {
padding: 0 30px;}
и скажите, появились ли отступы. Должны бы. А сетки таблицы нет, т.к. и в html нет разметки таблиц. И в css не слова о таблицах
0
 Аватар для tedey35
2 / 2 / 0
Регистрация: 07.03.2016
Сообщений: 47
07.03.2016, 17:42  [ТС]
Ничего не изменилось (((
0
 Аватар для Nbot
4 / 4 / 1
Регистрация: 30.07.2014
Сообщений: 95
07.03.2016, 17:44
перезагрузите страницу, используя сочетание клавиш ctrl + f5. Это обновит таблицу в памяти браузера
0
 Аватар для tedey35
2 / 2 / 0
Регистрация: 07.03.2016
Сообщений: 47
07.03.2016, 17:46  [ТС]
Всё равно не меняется... Я что только не пробовал - 0 результатов
0
 Аватар для Nbot
4 / 4 / 1
Регистрация: 30.07.2014
Сообщений: 95
07.03.2016, 17:53
надо смотреть код короче.
Вы не знакомы с возможность браузера исследовать элемент? Наводите мышку на нужный элемент, нажимаете правую кнопку -> исследовать элемент. Как-то так, в разных браузерах по-разному. Появляется окошко с css этого элемента. Там можете поиграть со свойствами. Например изменить padding

Добавлено через 1 минуту
а вообще что мы тупим. Дайте мне адрес сайта)
0
 Аватар для tedey35
2 / 2 / 0
Регистрация: 07.03.2016
Сообщений: 47
07.03.2016, 18:42  [ТС]
Nbot, сайт вот) Просто по ссылке тыкни
0
 Аватар для Nbot
4 / 4 / 1
Регистрация: 30.07.2014
Сообщений: 95
07.03.2016, 18:55
Лучший ответ Сообщение было отмечено whiteapps как решение

Решение

ну с границами разобрался. Добавил padding 30pх. А таблицу вообще лучше переделать. Убрать ее и сделать через div'ы
0
 Аватар для Nbot
4 / 4 / 1
Регистрация: 30.07.2014
Сообщений: 95
07.03.2016, 18:57
вот скрин
Миниатюры
Границы сайта html  
0
 Аватар для tedey35
2 / 2 / 0
Регистрация: 07.03.2016
Сообщений: 47
07.03.2016, 19:01  [ТС]
Nbot, ааа, теперь бы еще эту строку в css найти))) Где онаааа?)
0
 Аватар для Nbot
4 / 4 / 1
Регистрация: 30.07.2014
Сообщений: 95
07.03.2016, 19:11
в css с именем style.css ) Там на скрине синим выделена строчка, класс тега имеет имя. Ищи по этому имени в файле style.css
1
 Аватар для tedey35
2 / 2 / 0
Регистрация: 07.03.2016
Сообщений: 47
07.03.2016, 19:47  [ТС]
Nbot, блин а,я столько возился с этим))Аж выразиться хочется))) Спасибо тебе добрый человек , лови плюсик)))
0
 Аватар для Nbot
4 / 4 / 1
Регистрация: 30.07.2014
Сообщений: 95
07.03.2016, 20:45
да на здоровье)
0
4 / 4 / 0
Регистрация: 16.01.2014
Сообщений: 47
08.03.2016, 00:14
да там еще достаточно косяков с сайтом
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
08.03.2016, 00:14
Помогаю со студенческими работами здесь

Как убрать наружные границы вокруг таблицы в HTML
Здравствуйте! Я новичок в сфере HTML, сейчас передо мною стоит задание сверстать сайт с помощью таблиц (не каким либо другим способом, а...

При переведе из OpenOffice Calc в HTML пропадают границы таблицы
Помогите, бьюсь второй день. При переводе прайс из OpenOffice Calc в HTML, пропадают крайние вертикальные границы. Ничего не помогает....

Ошибка 404 из за окончания ".html" перенос обычного HTML сайта на Wordpress
Здравствуйте. вообщем готовил я Wordpress замену обычному статичному HTML в чем загвоздка: в старых страницах адрес выглядит так ...

Соединить два diva стрелками, чтобы из середины нижней границы стрелка соединялась с серединой верхней границы
Здравствуйте, Подскажите, пожалуйста, как можно соединить два diva стрелками? Чтобы из середины нижней границы стерлка соединялась с...

Как сделать так, чтобы границы дочерней формы не "уходили" за границы родительской
Всем доброго времени суток! Возник следующий вопрос. Создаю MDI-приложение. Есть родительская форма и, соответственно, дочерняя. Как...


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

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru