Вертикальная полоса по всей длине сайта

wizzer
На сайте с 23.02.2009
Offline
152
7688

Подскажите, пожалуйста, как реализовать вертикальную полосу отдельного цвета вдоль всей странички. Сбоку.

Спасибо.

//wizzer Проверенный временем опен впн сервис. (http://openvpn.cc) Перестань переживать за свою анонимность.
InoHacker
На сайте с 18.10.2009
Offline
75
#1

Как вариант, картинкой или дивом цветным, или в чем подвох ?

Магазин аккаунтов с балансом Litres,DNS,Ozon,Rotapost и еще 50+ других сервисов тут - vk.cc/7QK0Sk
fima32
На сайте с 12.01.2006
Offline
132
#2

Реализовать несложно, но работать будет не во всех браузерах - http://www.art-shok.ru/css/kak-izmenit-stil-scrollbar/

wizzer
На сайте с 23.02.2009
Offline
152
#3

Мне не скролбар надо, а просто полоску.

#2, можно пример пожалуйста, а то я ноль в этом. Как сделать розовую полоску 5см слева?

wizzer добавил 15.02.2010 в 01:12

Точнее подскажите как сделать белую пустую страницу с полоской слева по всей высоте...

K
На сайте с 29.06.2005
Offline
76
#4

В css-файл добавьте

html {

height: 100%;

}

body {

height: 100%;

}

.leftline {

background: #ffc0cb;

height: 100%;

width: 5px;

}

Затем добавьте div или td с классом leftline, смотря какая у вас верстка. Должно везде работать.

Пустая белая страница с полоской:

<html>

<head>

<title>Заголовок</title>

<style>

* {

margin: 0;

padding: 0;

}

html {

height: 100%;

}

body {

height: 100%;

}

.leftline {

background: #ffc0cb;

height: 100%;

width: 20px;

}

</style>

</head>

<body>

<div class="leftline">

</div>

</body>

</html>

wizzer
На сайте с 23.02.2009
Offline
152
#5

#5, огромное спасибо вам!

malls
На сайте с 08.08.2005
Offline
255
#6

А бэкграуннд для body уже отменили?

wizzer
На сайте с 23.02.2009
Offline
152
#7

Извините, а чтобы справа сделать, что надо добавить?

malls
На сайте с 08.08.2005
Offline
255
#8
wizzer:
Извините, а чтобы справа сделать, что надо добавить?

надо книжку по HTML+CSS добавить на свою книжную полку!

ну или хотя бы правильно вопросы задавать. Ибо способов сделать сто-пицот, но зависят от того для чего Вам это надо!

wizzer
На сайте с 23.02.2009
Offline
152
#9

#9, да мне любой подойдет из 100500. Такая же полоска как выше показал #5 только справа.:)

wizzer добавил 15.02.2010 в 02:04

Float нашел.. А как их совместить?:( чтобы напротив друг друга были

wizzer добавил 15.02.2010 в 02:08

Сделал. Всем спасибо. Расходимся:)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий