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



 

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

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

Открыть тему
Тема закрыта
> Требуется совет по вёрстке шапки
BlackSeptember
BlackSeptember
Topic Starter сообщение 6.11.2010, 18:42; Ответить: BlackSeptember
Сообщение #1


Всем привет!
Имеется такая структура:

[IMG]http://img828.imageshack.us/img828/6928/99434140.png[/IMG]

Не могу сверстать шапку, так как мало опыта.
На данном этапе код такой:

  <div id="header"> <a href="../"><img src="/images/logo.png" /></a>
  <div id="welcome">Какой то текст</div>
  </div>


Помогите задать параметры иду welcome, чтобы он был на против логотипа, и надо ли задавать доп. ид логотипу?


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Albert_hb
Albert_hb
сообщение 6.11.2010, 18:53; Ответить: Albert_hb
Сообщение #2


(Axibas @ 6.11.2010, 20:42) *
Всем привет!
Имеется такая структура:


Прежде чем создавать очередную тему "ничего не знаю, помогите" , может буквари какие-нибудь по html почитать стоит?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BlackSeptember
BlackSeptember
Topic Starter сообщение 6.11.2010, 19:33; Ответить: BlackSeptember
Сообщение #3


Во первых: Я не писал, что нечего не знаю.:sarcastic:
Во вторых: Из справочников только css.manual.ru и html.manual.ru :sarcastic:
В третьих: Для чего создана эта ветка форума?
Чтобы писать в каждой теме, в которой человек испытывающий затруднительное положение просит совета, типа иди учись сначала, потом задавай вопросы?
Если вы не знаете пройдите мимо, если знаете но лень рассказывать, достаточно показать страницу, где есть подобная структура.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
сообщение 6.11.2010, 21:03; Ответить: ZhukV
Сообщение #4


<style type="text/css">
#header{width:900px; height:100px;}
#logo, #header-right{float:left; height:100px;}
#logo{width:300px; background:#f00;}
#header-right{width:600px; background:#00f;}
#center{width:980px; background:#0f0;}
.clear{clear:both;}
</style>
<div id="header">
<div id="logo">LOGO</div>
<div id="header-right">
TEXT
</div>
<div class="clear"><!--Этот контейнер нужен обезательно, если будет еще какие-то контенты до закрытия родительского дива--></div>
</div>
<div id="center">

asdashdkjahsdk jh
alsd hakjshd
ajs hdkjas
</div>

А вообще, лучше начинать с тадличной верстки, поскольку она есть намного легше и понятнее. Див - это професиональная верска, которая требует много зусилий и понимания, включая кросстабельность.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BlackSeptember
BlackSeptember
Topic Starter сообщение 6.11.2010, 21:33; Ответить: BlackSeptember
Сообщение #5


Вот спасибо!
Насколько я знаю, можно не использовать:

<div class="clear"></div>


А достаточно:

<br class="clear">


Я ступил, мне ещё надо справа меню сделать...


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
сообщение 7.11.2010, 1:13; Ответить: ZhukV
Сообщение #6


Чтоб лекше было, нарисуй, как именно те нужно, помогу.
А достаточно:

Вполне достаточно, просто <br> сделает еще один перевод строки, а div нет =)
Иногда хорошо бр, когда нужно немного опустится вниз, но лучше все таки использовать для этого дивы.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BlackSeptember
BlackSeptember
Topic Starter сообщение 7.11.2010, 2:59; Ответить: BlackSeptember
Сообщение #7


Спасибо вам за помощь!
На данном этапе я имею следующие:

[IMG]http://img80.imageshack.us/img80/5231/17735280.png[/IMG]

Зелёным отмечено, что уже сверстал.
Красным то, что испытываю затруднение.
Где красная полоска, в оригинале от
<br class="clear">
Появился довольно большой отступ. В принципе в css можно поиграться, но может есть какие то, более правильные выходы устранения этой проблемы?

Ах, да, код шапки сейчас такой:

<div id="header">
<div id="logo"><a href="../"><img src="/images/logo.png" /></a></div>
<div id="welcome">Приветствие!</div>
<div class="seachpop">
<!--Код поиска-->
</div>
<!--<div class="menu"> </div>-->
<br class="clear">
</div>
Заранее спасибо!


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
сообщение 7.11.2010, 12:12; Ответить: ZhukV
Сообщение #8


<style type="text/css">
#header{width:980px; height:150px;}
#logo, #hello, header-right
{float:left;height:150px;}
#logo{width:250px; background:#CCCCCC;}
#hello{width:350px; background:#00FFFF;}
#header-right{ width:380px; }
#form-search{height:75px; background:#FFFF99; text-align:right;}
#menu{background:#66FF66; height:75px;}
.hr{ height:2px; background:#FF0000; margin:5px 0; width:980px; }


#content{width:980px;}
#center, #right{float:left; min-height:400px;}

#center{width:760px; background:#9999FF;}
#right{width:220px; background:#66CC00;}

#fotter{height:100px; width:980px; background:#99CCFF;}
</style>

<div id="header">
<div id="logo">LOGO</div>
<div id="hello">
HELLO
</div>
<div id="header-right">
<div id="form-search">
<input type="text" />
</div>
<div id="menu">
MENU
</div>
</div>
</div>
<div class="hr"></div>

<div id="content">
<div id="center">
CENTER
</div>
<div id="right">
RIGHT
</div>
</div>

<div class="hr"></div>

<div id="fotter">FOOTER</div>


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
12 Tia2 1518 25.3.2024, 6:54
автор: Skyworker
Открытая тема (нет новых ответов) Требуется копирайтер-постер
9 Hanj 2393 25.3.2024, 6:46
автор: Skyworker
Открытая тема (нет новых ответов) требуется помощь с themasoftware (Темапостером)
0 Taylor 565 16.3.2024, 18:41
автор: Taylor
Открытая тема (нет новых ответов) Требуется контент-менеджер
1 Grimov 1125 8.2.2024, 9:54
автор: projectadmin
Открытая тема (нет новых ответов) Требуется рерайтер на постоянку
Тематики разнообразные
4 PostBrigada 2732 22.1.2024, 1:16
автор: writer80


 



RSS Текстовая версия Сейчас: 28.3.2024, 15:06
Дизайн