Имя: Пароль:
IT
Веб-мастеринг
Верстка для начинающего
Ø (Волшебник 27.11.2015 17:22)
0 Лопата
 
28.10.15
15:23
Здравствуйте, уважаемые форумчане.

Поставил перед собой цель - научиться верстать html-странички.

Основы HTML & CSS я изучил.

Теперь практикуюсь на одном из учебных макетов.

И вот незадача. Испытываю затруднения в нарезке шапки макета.

Сама шапка вот - http://s017.radikal.ru/i444/1510/1a/fc13305de7db.png

Использую блочную модель верстки.

Верстка - резиновая. При растягивании по горизонтали должна двигаться правая часть со строкой поиска.

Однозначно я пока понял одно, что фон шапки можно сделать размножением по горизонтали небольшого отрезка шириной 10 пикселов, взятого, например, слева.

А вот как нарезать и сверстать правую часть со строкой поиска не знаю.

По методе одного из интернетовских гуру, тут нужно применять таблицу как каркас и в ее ячейки вставлять и размещать разные элементы (меню, строки поиска, надписи, логотипы и т.п.).

Помогите, пожалуйста, разобраться.
1 StillEnough
 
28.10.15
15:28
в конце нужно было вставить 1С)
я бы сделал отдельный абсолютный блок от RSS до емэйл и задал ему в процентах отступ справа.
2 Лопата
 
28.10.15
15:30
(1) это интересная идея, попробую
3 StillEnough
 
28.10.15
15:32
(1) и z index повыше, естественно. а все меню леве прижал к нему по правой стороне. будет раздвигать то влево.
4 Лопата
 
28.10.15
15:42
Я так понимаю, что напрашивается несколько блоков:
1-ый - блок с логотипом, его можно жестко привязать к левому краю
2-ой - блок с меню (home, about...)
3-ий - блок со строкой поиска
5 StillEnough
 
28.10.15
16:36
(4) Блок шапки, внутри блок логотипа + блок меню + блок поиска (в нем блок верхнего меню и сам поиск).
Блоками страничку не испортишь! (с)
7 Asmody
 
27.11.15
17:26
(6) Странная каша у вас. И почему WP не подходит? Ну, возьмите любую другую блог-платформу, например https://ghost.org/
Или вообще сделайте на wiki-движке, коих тыщи.
Есть два вида языков, одни постоянно ругают, а вторыми никто не пользуется.