|  | Верстка для начинающего Ø (Волшебник 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-движке, коих тыщи.
 |  |