1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

div верхним слоем

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Alf.exe, 17 дек 2015.

  1. Alf.exe

    Alf.exe

    Регистрация:
    14 ноя 2015
    Сообщения:
    3
    Симпатии:
    1
    Всем привет, сижу ломаю голову, как сделать чтобы блок title2 был поверх остальных, как на скриншоте ниже?
    [​IMG]
    HTML:
    .cont {
        background: url(images/cont.gif) repeat-x top, url(images/cont2.gif) repeat #ecf3f9;
        padding: 5px;
        border: 1px solid #7195b4;
        border-top: 0px; border-bottom: 0px;
    }
    
    .title {
    background: url(images/title.gif) repeat-x top #131313;
    color:#e1e1e1;
    height: 41px;
    border: 1px solid #7195b4;
    text-align:center;
    font-weight: bold;        
    }
    
    .title2 {
    background: url(images/title2.png) center no-repeat;
    color:#356792;
    height: 47px;
    text-shadow: none;
    line-height: 47px;
    text-align:center;
    font-weight: bold;
    margin-top: -4px;          
    }
    p.s. пробовал изменять margin-bottom - Не помогает
     
  2. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    285
    Симпатии:
    53
  3. Alf.exe

    Alf.exe

    Регистрация:
    14 ноя 2015
    Сообщения:
    3
    Симпатии:
    1
    http://rghost.ru/6n4L76RLL
     
  4. Alf.exe

    Alf.exe

    Регистрация:
    14 ноя 2015
    Сообщения:
    3
    Симпатии:
    1
    неужели никто не знает?((
     
  5. Perat

    Perat

    Регистрация:
    27 окт 2015
    Сообщения:
    115
    Симпатии:
    26
    Проставте padding:0 для title и margin:0 border:0 для title2. так же используйте position -- поиграйтесь должно получится
     
  6. gensek95

    gensek95

    Регистрация:
    3 окт 2015
    Сообщения:
    16
    Симпатии:
    5
    .title {
    background: url(images/title.gif) repeat-x top #131313;
    color:#e1e1e1;
    height: 41px;
    border: 1px solid #7195b4;
    text-align:center;
    font-weight: bold;
    }

    .title2 {
    position: absolute;
    background: url(images/title2.png) center no-repeat;
    color:#356792;
    height: 47px;
    z-index: 100;
    text-shadow: none;
    line-height: 47px;
    text-align:center;
    font-weight: bold;
    margin-top: -4px;
    }
    все зто делается z-index, но нужно задать позиционирование.
    Ну ты конечно мог и код HTML выложить, так легче будет нам тебе помочь.