|
Верстка для начинающего Ø (Волшебник 27.11.2015 17:22)
| ☑ |
0
Лопата
28.10.15
✎
15:23
|
Здравствуйте, уважаемые форумчане.
Поставил перед собой цель - научиться верстать html-странички.
Основы HTML & CSS я изучил.
Теперь практикуюсь на одном из учебных макетов.
И вот незадача. Испытываю затруднения в нарезке шапки макета.
Сама шапка вот -
Использую блочную модель верстки.
Верстка - резиновая. При растягивании по горизонтали должна двигаться правая часть со строкой поиска.
Однозначно я пока понял одно, что фон шапки можно сделать размножением по горизонтали небольшого отрезка шириной 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 не подходит? Ну, возьмите любую другую блог-платформу, например
Или вообще сделайте на wiki-движке, коих тыщи.
|
|