[Помогите] Фиксированная надпись сбоку от контента

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Yuri777, 16 июн 2014.

Статус темы:
Закрыта.
  1. Yuri777

    Yuri777

    Регистрация:
    16 июн 2014
    Сообщения:
    2
    Симпатии:
    0
    Добрый день!
    Подскажите пожалуйста код на CSS. Нужно сделать вертикальную фиксированную надпись слева от контента, как здесь http://www.csszengarden.com/203/.

    У меня не получается, при изменении размера окна браузера верстка ломается. Я новичек, хотя в примере можно скачать CSS этого файла, не могу понять, как работает, там как-то хитро сделано :Smile:.
     
  2. Globe-Star

    Globe-Star ...

    Регистрация:
    7 май 2013
    Сообщения:
    421
    Симпатии:
    122
    position: fixed;
    просто надо в правильном блоке в правильном блоке выставить картинку, чтобы она не зависила от размера другого блока, и не будет ломаться верстка.
     
    Yuri777 нравится это.
  3. zvizdunov

    zvizdunov

    Регистрация:
    31 май 2014
    Сообщения:
    105
    Симпатии:
    33
    В Вашем примере, элемент имеет вот этот код css, правте под себя и получите такой же результат.
    .extra1{
    position:fixed;
    top:0;
    width:37px;
    height:433px;
    left:50%;
    margin-left:-235px;
    background:url(pics/the_beauty.gif) no-repeat top left;
    }
     
    Yuri777 нравится это.
  4. Yuri777

    Yuri777

    Регистрация:
    16 июн 2014
    Сообщения:
    2
    Симпатии:
    0
    Спасибо, получилось :Smile: Пришлось дорисовать еще 1 обертку.

    Спасибо за ответ. Но, пока мучался, сделал через вставку картинки. В любом случае, хоть разберусь как работает :Smile:
     
Статус темы:
Закрыта.