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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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



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


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

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


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

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


Ежели в шопе:

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


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


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

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


Если использовать при вёрстки, то вот так можно(для любого тега вприципе, с классом):
<!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


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


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


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


acidz
режим наложения невсегда работает - лучше уменьшить прозрачность или вовсе делать 100% прозрачность и серым цветом....

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


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Базовая линия шрифта скачет в соседних колонках
5 Webshooter 8630 23.6.2009, 20:59
автор: -Webshooter-


 



RSS Текстовая версия Сейчас: 29.3.2024, 0:34
Дизайн