X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Совет по поводу разделения страницы
Krauf
Krauf
Topic Starter сообщение 21.11.2012, 16:59; Ответить: Krauf
Сообщение #1


Привет всем! Итак, мне нужен ваш совет, поскольку html и CSS давно, очень давно, не занимался. Как мне сделать разделение такое, как на рисунке?
Как добиться такого же разделения? Пробовал таблицей - не то, вот хочу попробовать с помощью обычных треугольников, но чего-то не получается. Как быть? Как все-таки сделать такое же разделение?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vadimka
Vadimka
сообщение 22.11.2012, 10:52; Ответить: Vadimka
Сообщение #2


каких ещё треугольников??))
забудь про таблицы) тут обычными div можно обойтись же
<div class="header"></div>
<div class="menu"></div>
<div class="container"></div>
<div class="footer"></div>

ну и стили для них
[CSS]
.header {
width: 900px;
height: 150px;
}
.header {
float: left;
width: 200px;
height: 600px;
}
.container {
float: left;
width: 700px;
height: 600px;
}
.footer {
width: 900px;
height: 100px;
}
[/CSS]

задай этим div рамки или цвет чтобы посмотреть как будет визуально. и почитай про float)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vadimka
Vadimka
сообщение 22.11.2012, 10:59; Ответить: Vadimka
Сообщение #3


вот вообщем посмотри http://jsfiddle.net/Hy59F/

первый раз неточно немного стили написал
[CSS]
.header {
width: 100%;
height: 100px;
background: #f00;
clear: both;
}

.menu {
float: left;
width: 20%;
height: 200px;
background: #ff0;
clear: both;
}

.container {
float: left;
width: 80%;
height: 200px;
background: #00f;
}

.footer {
width: 100%;
height: 50px;
background: #0f0;
clear: both;
}
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 22.11.2012, 12:38; Ответить: Den1xxx
Сообщение #4


(Krauf @ 21.11.2012, 19:59) *
вот хочу попробовать с помощью обычных треугольников

Как это? o_O
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Krauf
Krauf
Topic Starter сообщение 22.11.2012, 13:28; Ответить: Krauf
Сообщение #5


(Den1xxx @ 22.11.2012, 15:38) *
Как это? o_O

ну описался, с кем не бывает:)
Прямоугольников*
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 22.11.2012, 23:15; Ответить: Den1xxx
Сообщение #6


(Krauf @ 22.11.2012, 16:28) *
ну описался, с кем не бывает:)
Прямоугольников*

Просто вспомнился примугольник треугольника:
[attachment=39310:00018tdt.jpg]

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
8 noviktamw 2905 2.3.2024, 12:53
автор: toplinks
Открытая тема (нет новых ответов) Вытащить страницы из кэша Яндекса
2 VostrVL 1959 11.1.2024, 23:07
автор: ЛаврионСергеевич
Открытая тема (нет новых ответов) Сверстать страницы из figma
нужно сделать страницы для веб приложения
1 bluestorm 1296 7.6.2022, 18:11
автор: doharddocode
Открытая тема (нет новых ответов) Подобрать группы и страницы и разместить ссылку
4 Lacomka 3410 21.2.2022, 8:43
автор: АлексейWEB
Открытая тема (нет новых ответов) Верстка и внедрение на сайт макета главной страницы
Требуется: с Figma на Laravel
2 ARsHi 1670 27.3.2021, 0:57
автор: Ogaelath


 



RSS Текстовая версия Сейчас: 19.4.2024, 3:49
Дизайн