Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.85/48: Рейтинг темы: голосов - 48, средняя оценка - 4.85
vano793
11 / 11 / 1
Регистрация: 29.10.2009
Сообщений: 91
1

Как сделать вот такой макет через html и css (div и css)

25.04.2010, 15:46. Просмотров 8937. Ответов 3
Метки нет (Все метки)

Доброго времени суток.Подскажите как сделать по скрину ?* что бы было Лого на весь экран вот тот серый цвет и меню тоже на весь экран.По центру два блока они должны быть по середине.Нижний зелёный фон должен тоже растягиваться как всё лого с меню как это сделать ? Буду очень благодарен.
Как сделать вот такой макет через html и css (div и css)

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

0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.04.2010, 15:46
Ответы с готовыми решениями:

Как сделать такой button с через css ?
Собственно вопрос в теме:

CSS!? Div в div'e, как не потерять позиции css внутреннего div'a при изменении размера браузера?
вот когда изменяю размер браузера, то внутренний div не хочет изменяться вместе...

Есть 2 файла html и css как мне сделать чтоб файл css распространялся на одну ячейку а не на все
<table class="s"> <tr> <link rel="stylesheet"...

Не получается сделать вот такой макет. Не могу сверстать. Всё внутри!
Вот, есть такой макет: цифры 1 и 2 показывают два разных фона. Можно сделать...

Как сделать вот такую фигуру на CSS?
Пробовал с border-radius: 999px 0 0 0; но у меня вечно какие то 70px прямая...

3
SkyWalker
Cyber-Tracing
345 / 70 / 3
Регистрация: 27.04.2009
Сообщений: 554
25.04.2010, 19:16 2
это тебе поможет.
1
boong
152 / 122 / 11
Регистрация: 11.01.2010
Сообщений: 434
26.04.2010, 04:41 3
http://csstemplater.com/
1
Alorian
691 / 531 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
30.04.2010, 12:48 4
Цитата Сообщение от vano793 Посмотреть сообщение
Доброго времени суток.Подскажите как сделать по скрину ?* что бы было Лого на весь экран вот тот серый цвет и меню тоже на весь экран.По центру два блока они должны быть по середине.Нижний зелёный фон должен тоже растягиваться как всё лого с меню как это сделать ? Буду очень благодарен.
Суть верстки довольно простая. Разбиваем макет на блоки и позиционируем их.

Какие блоки мы видим на твоем макете?

Видим шапку, видим меню, видим область с основным контентом, видим футер. Ок. Увидели основные области начинаем верстать:

HTML5
1
2
3
4
<div id="header"></div>
<div id="menu"></div>
<div id="center"></div>
<div id="footer"></div>
Разметили основные области. Смотрим в шапке у нас есть форма для ввода логина. В контентной части у нас есть две большие области. Дополняем предыдущую верстку:

HTML5
1
2
3
4
5
6
7
8
9
<div id="header">
    <div id="loginform"></div>
</div>
<div id="menu"></div>
<div id="center">
    <div id="content"></div>
    <div id="sidebar"></div>
</div>
<div id="footer"></div>
Проблема! Контент и сайд бар будут друг под другом, а нам надо чтобы они были в одной линии. Что делать? Подключаем элементарный css к вышеприведенной верстке:

HTML5
1
2
3
4
<style>
    #content{width:60%;float:left;}
    #sidebar{width:40%;}
</style>
Таким образом разбивая и разбивая макет на блоки а затем нужным образом их позиционируя мы создадим готовую верстку.

Фон у элементов <div> задается через css свойство background, почитайте его описание там все понятно.

P.S. Желательно что нибудь почитать самому, прежде чем спрашивать "как сверстать сайт?". Удачи
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.04.2010, 12:48

Макет для сайта 1600x900 HTML,CSS
Здравствуйте. Нуждаюсь в HTML,CSS макете для сайта. Размер 1600x900 По...

Необходимо найти макет сайта на html/css
Прошу помочь. Учитель задал найти в интернете какой-нибудь макет написанным с...

Как сделать такой круг на CSS?
Собственное такой вопрос и просьба научить, как делать такую штуку, которую...


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

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

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