X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Разделительная линия
ERSEO
ERSEO
Topic Starter сообщение 7.7.2011, 16:55; Ответить: ERSEO
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 405
Регистрация: 15.6.2011
Из: Москва
Поблагодарили: 21 раз
Репутация:   2  


Как сделать такую же разделительную линию



--------------------
Имеются инвайты в PROFITRAF - напишите в ЛС о ваших сайтах.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Xocr
Xocr
сообщение 7.7.2011, 16:58; Ответить: Xocr
Сообщение #2


Участник
***

Группа: User
Сообщений: 118
Регистрация: 29.1.2011
Поблагодарили: 36 раз
Репутация:   5  


На сайте или в фотошопе?

Если на сайте. Вырезаете в фотошопе и через CSS вставляете в нужное место.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
seobomjru
seobomjru
сообщение 7.7.2011, 17:00; Ответить: seobomjru
Сообщение #3


Сателлиты мое второе имя!
******


Группа: Active User
Сообщений: 1617
Регистрация: 15.4.2009
Поблагодарили: 329 раз
Репутация:   42  


тег <hr> и закрывать его не надо он автономен)

Сообщение отредактировал seobomjru - 7.7.2011, 17:01
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
disiyndel
disiyndel
сообщение 7.7.2011, 17:27; Ответить: disiyndel
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 762
Регистрация: 27.10.2009
Из: отборных зерен.
Поблагодарили: 219 раз
Репутация:   29  


Ежели в шопе:

1. Делаете 2 однопиксельные полоски.
2. Верхний слой-полоску заливаете фоном чуть темнее окруж. среды, нижний чуть светлее. Все )


--------------------
http://heisenbrog.com - только цифры, факты и эксперименты.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mr4q
mr4q
сообщение 7.7.2011, 17:50; Ответить: mr4q
Сообщение #5


Верстаю дорого
*****

Группа: Active User
Сообщений: 697
Регистрация: 18.9.2007
Из: Харьков, Украина
Поблагодарили: 325 раз
Репутация:   79  


Первый способ с помощью фона.

html/
<div class="line"></div>

css/
.line { width: 400px; height: 2px; background-image: url (line.gif); background-repeat: repeat-x;}


Делаешь в ФШ картинку шириной 1 пиксель и высотой 2 пикселя, закрашиваешь их соотв-но.

Второй способ без картинки с помощью 2 линий.

html/
<div class="linel"></div>
<div class="lined"></div>

css/
.linel { width: 400px; height: 1px; background: #fff;}
.lined { width: 400px; height: 1px; background: #000;}


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
artanik
artanik
сообщение 7.7.2011, 17:50; Ответить: artanik
Сообщение #6


Участник
***

Группа: User
Сообщений: 225
Регистрация: 3.5.2011
Из: Украина, Львов
Поблагодарили: 147 раз
Репутация:   47  


Если использовать при вёрстки, то вот так можно(для любого тега вприципе, с классом):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Тестовая страница</title>
<style>
.separator {
    display:block;
    height:0px;
    min-height:0px;
    border-top:1px solid #999;
    border-bottom:1px solid #e3e3e3;
}
</style>
</head>
<body bgcolor="#cccccc">
текст до разделителя
<span class="separator"></span>
текст после разделителя
</body></html>


--------------------
Мой промо-сайт

Нужна качественная вёрстка сайтов? Обращайтесь: ICQ 555-177-362 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
acidz
acidz
сообщение 8.7.2011, 1:13; Ответить: acidz
Сообщение #7


Новичок
*

Группа: User
Сообщений: 45
Регистрация: 5.7.2011
Из: Россия
Поблагодарили: 4 раза
Репутация:   1  


Я в фш делал способом 2 полоски 1 пх (черная и белая) и режим перекрытие
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
neonick
neonick
сообщение 22.7.2011, 3:20; Ответить: neonick
Сообщение #8


Новичок
*

Группа: Viewer
Сообщений: 9
Регистрация: 13.7.2011
Поблагодарили: 1 раз
Репутация:   0  


(artanik @ 7.7.2011, 17:50) *
Если использовать при вёрстки, то вот так можно(для любого тега вприципе, с классом):


А зачем брать span и превращать его в блок, если можно просто взять hr и оформить его стилями? Так семантичней все-таки будет happy.gif
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tatohi4
tatohi4
сообщение 22.7.2011, 10:25; Ответить: tatohi4
Сообщение #9


Новичок
*

Группа: User
Сообщений: 30
Регистрация: 21.7.2011
Поблагодарили: 4 раза
Репутация:   1  


acidz
режим наложения невсегда работает - лучше уменьшить прозрачность или вовсе делать 100% прозрачность и серым цветом....
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 11.12.2017, 10:25
Дизайн