Перейти к содержанию

HTML+css=незнаю нечего :(


MontiQ

Рекомендуемые сообщения

Доброго времени суток!

Срочно нужно сделать несколько страниц, но с моими знаниями я долеко не уехал, спустя неделю, я сделал только вот это ))

 

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Основы HTML и CSS</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
 
<body>
 
            <div id="container">
                        <div id="1slot">Шапка сайта
 
                        </div>
 
                        <div id="2slot">Подвал сайта
 
                        </div>
 
                        <div id="3slot">Меню
 
                        </div>
 
                        <div id="4slot">Контент
 
                        </div>
 
                        <div id="clear">
 
                        </div>
                       
                        
            </div>
 
</body>
</html>

 

 

 
body {
            background: #f3f2f3;
            color: #000000;
            font-family: Trebuchet MS, Arial, Times New Roman;
            font-size: 12px;
}
 
#container {
            background: #FFFFFF;
            margin: 30px auto;
            width: 900px;
            height: 1000px;
}
 
#1slot {
            background: #838283;
            height: 500px;
            width: 450px;
float: right;
}
 
 
 
#3slot {
            background: #3f1233;
            float: left;
            width: 450px;
            height: 500px;
}
 
#4slot {
            background: #d2d0d2;
            float: right; 
            width: 450px;
            height: 500px;
}
 
#clear {
            clear:both;
}
 
#2slot {
            background: #557453;
            height: 500px;
            width: 450px;
float: left;
}

 

Ну короче я на этом долеко не уехал :(

Вобщем надо сделать страницу сайта, где будет примерно все выглядить вот так!post-6157-0-73061900-1373236509_thumb.pn

Только там стулики не поломайте из за изображения!

)

Может кто может хоть чем то помочь , реализовать мой сайтик под это дело?

Ссылка на комментарий
Поделиться на другие сайты

найдите html шаблон похожий и делайте все что угодно.

Ссылка на комментарий
Поделиться на другие сайты


Может кто может хоть чем то помочь , реализовать мой сайтик под это дело?

Да, но не за бесплатно же. Проще найти что то похожее и переделать под себя.

Ссылка на комментарий
Поделиться на другие сайты

Пытался найти но подобного нету :(

Ссылка на комментарий
Поделиться на другие сайты

Что за полоса по центру ? :D 

 

Почему блоки с текстом такие маленькие или они и должны быть такими ? 

Ссылка на комментарий
Поделиться на другие сайты

Вообще думалось разделить страницу на 2-е равные части, но плюсом сделать в верху логотип, и два мониторинга , ну и конечно чтобы потом это не растекалось по бокам и тому подобное, и сделать два рисунка на которых будет текст друг под другом. 

ниже ссылки и места для баннеров, сделать еще несколько страниц, по шапке и по футеру одинаковых, но вся загвоздка в том что Я ВООБЩЕ НЕ ПОНИМАЮ ДАНнЫЙ ЯзЫК блоков :( табличная верстака и та в DreamWear)

Ссылка на комментарий
Поделиться на другие сайты


табличная верстака и та в DreamWear)

У меня? Вообще-то я сам писал код..

Ссылка на комментарий
Поделиться на другие сайты

Доброго времени суток!

Срочно нужно сделать несколько страниц, но с моими знаниями я долеко не уехал, спустя неделю, я сделал только вот это ))

 

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Основы HTML и CSS</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
 
<body>
 
            <div id="container">
                        <div id="1slot">Шапка сайта
 
                        </div>
 
                        <div id="2slot">Подвал сайта
 
                        </div>
 
                        <div id="3slot">Меню
 
                        </div>
 
                        <div id="4slot">Контент
 
                        </div>
 
                        <div id="clear">
 
                        </div>
                       
                        
            </div>
 
</body>
</html>

 

 

 
body {
            background: #f3f2f3;
            color: #000000;
            font-family: Trebuchet MS, Arial, Times New Roman;
            font-size: 12px;
}
 
#container {
            background: #FFFFFF;
            margin: 30px auto;
            width: 900px;
            height: 1000px;
}
 
#1slot {
            background: #838283;
            height: 500px;
            width: 450px;
float: right;
}
 
 
 
#3slot {
            background: #3f1233;
            float: left;
            width: 450px;
            height: 500px;
}
 
#4slot {
            background: #d2d0d2;
            float: right; 
            width: 450px;
            height: 500px;
}
 
#clear {
            clear:both;
}
 
#2slot {
            background: #557453;
            height: 500px;
            width: 450px;
float: left;
}

 

Ну короче я на этом долеко не уехал :(

Вобщем надо сделать страницу сайта, где будет примерно все выглядить вот так!attachicon.gifБез имени-1.png

Только там стулики не поломайте из за изображения!

)

Может кто может хоть чем то помочь , реализовать мой сайтик под это дело?

MontiQ, вот, воспользуйся этими макетами  :cool: 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...