Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 0
Регистрация: 28.04.2017
Сообщений: 33

Исправить вёрстку

05.01.2018, 14:01. Показов 816. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Проблема в правой колонке. Не понимаю в чём проблема???
HTML:

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
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="osnova.css">
<link rel="stylesheet" type="text/css" href="knopki.css">
<link rel="stylesheet" type="text/css" href="new1.css">
<title>AutoDoctor</title>
<head>
<style>
 
 
 
 
</style>
</head>
<body bgcolor='#ffcc66' >
<div id="fon">
<div id="lev_bar">
<div id="okno_profilya"></div>
<div id="knopka1">Гла</div>
<div id="knopka2">Для</div>
<div id="knopka3">Длв</div>
<div id="knopka4">П</div>
</div>
 
<div id="prav_bar">
<div id="prav_bar2">ssc</div></div>
<div id="head"></div>
<div id="head2"></div>
<div id="content">
<div id="content2">
 
 
 
</div></div>
<div id="podval"></div>
<div id="chat" ></div>
</div>
</body>
</html>

CSS:
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
#fon{
width: 99%;
height: 100%; 
background: #ffcc66; 
text-decoration:none;
position:absolute;
}
 
#lev_bar{
width: 247px;
height: 690px;
background: #ff9900; 
border: 2px solid;
position:absolute;
padding:10px;
}
 
 
#prav_bar{
width: 16%;
height: 445px;
background: #ff9900; 
border: 2px solid;
position:absolute;
right:4px;
}
 
#prav_bar2{
width: 15%;
height: 109.5%;
border: 1px solid #ff9933;
background: rgba(255, 204, 102, 0.6); 
font-size: 26px;
text-decoration:none;
position:absolute;
top:20px;
}
 
#head{
width: 60%;
height: 143px;
background: #ff9900; 
border: 2px solid;
text-decoration:none;
position:absolute;
left:280px;
}
 
#content{
width: 60%;
height: 84.5%;
background: #ff9900; 
border: 2px solid;
text-decoration:none;
position:absolute;
padding: 10px;
left:280px;
top:25%;
}
 
#content2{
width: 92.25%;
height: 89%;
border: 1px solid #ff9933;
background: rgba(255, 204, 102, 0.6); 
text-decoration:none;
border-radius: 7px;
position:absolute;
padding: 20px;
}
 
#podval{
width: 100%;
height: 5%; 
text-decoration:none;
position:absolute;
top:110%;
}
Миниатюры
Исправить вёрстку   Исправить вёрстку  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
05.01.2018, 14:01
Ответы с готовыми решениями:

Исправить вёрстку галереи
Здравствуйте. Может кто подскажет что за проблема, что не так. Если зайдете на сайт http://decor-stone.pro/, то увидите галерею, которая...

Оцените вёрстку
Сразу оговорюсь, это мой самый первый опыт вёрстки. Оцените, пожалуйста, качество кода. Покритикуйте, придеритесь... По возможности,...

Оцените вёрстку
del Исходники: https://github.com/pashkes/164879-gllacy Резина 1200-900, главная страница и страница каталога (в меню) Запрещено...

6
05.01.2018, 14:08

Не по теме:

Цитата Сообщение от may123 Посмотреть сообщение
Проблема в правой колонке. Не понимаю в чём проблема???
Вопрос до безумия гениален, из разряда - "иди туда не знаю куда - принеси то не знаю что"... :) Сейчас только достанем хрустальный шар и всё будет огонь... :wizard:

0
767 / 323 / 157
Регистрация: 26.05.2016
Сообщений: 2,127
05.01.2018, 15:21

Не по теме:

аааа ужас какой))


лучше полностью макет исправьте
0
33 / 31 / 18
Регистрация: 05.07.2014
Сообщений: 230
07.01.2018, 17:21
Ну или для начала тэги закрыть как оно положено. [del]
0
 Аватар для Freeze_Breeze
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
07.01.2018, 20:43
may123, А где Вы тут проблему увидели?
0
33 / 31 / 18
Регистрация: 05.07.2014
Сообщений: 230
07.01.2018, 21:30
я уже второй кто намекнул на не валидный html. По проблеме хотя бы то, что title прописывается в теге head, а это только шапка...да и хотелось бы отменить, что помимо div'a есть еще большое количество элементов, которые впишутся в структуру данного документа
0
 Аватар для Freeze_Breeze
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
07.01.2018, 22:06
nooclik, хочется услышать версию автора, что он считает ошибкой?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
07.01.2018, 22:06
Помогаю со студенческими работами здесь

Подкорректировать верстку
Здравствуйте, уважаемые форумчане, мне подсказали, что вы сможете помочь. На инфе в универе мне задали сделать простецкий сайт( html в...

Оцените верстку
Сверстал свой первый шаблон из .psd исходника. Оцените пожалуйста правильность синтаксиса html и css. Очень долго мучался с padding и...

Оцените верстку
Добрый вечер! Оцените верстку пожалуйста! Меня интересует есть ли какие-нибудь ошибки в верстке и т.д. Заранее спасибо. ...

Оцените верстку
Здравствуйте. Оцените верстку, пожалуйста) делал с psd макета отсюда http://vk.com/doc-30617855_239891120. Буду рад здравой критике)

Оцените верстку
Здравствуйте, закончил верстать свой 2-й макет. Оцените пожалуйста код. Верстал не подсматривая в код оригинала. Ссылка на оригинал ...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru