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



 

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

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

Открыть тему
Тема закрыта
> "Элементарно", но никак.
mik_hb
mik_hb
Topic Starter сообщение 29.9.2013, 21:51; Ответить: mik_hb
Сообщение #1


Добрый вечер. Может кто догадается? Можно ли сделать одну строку, одной таблицы с 5 ячейками с нижней границей как на рисунке. Главное , чтобы нижняя граница была как на рисунке. Слева до конца, а где близко ячейки (рядом меду собой) - зазорчик между линиями. И края ровные, не наклонные.. Я бился 4 часа..но увы....
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 29.9.2013, 22:59; Ответить: Degradator
Сообщение #2


td{
margin: 2px;
border-bottom: 2px solid blue;
}
table{
background-color: red;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 29.9.2013, 23:06; Ответить: Den1xxx
Сообщение #3


[CSS]
<style>
#menu {width:100%;height:40px;line-height:40px;background-color:#F4F6FA;text-align:center;}
.left {float:left;}
.first {border-bottom: 2px solid #D2DAEB;width:36%;height:100%;}
.space {border-bottom: 2px solid #F4F6FA;width:1%;height:100%;}
.menu {border-bottom: 2px solid #D2DAEB;width:15%;height:100%;}
</style>[/CSS]

<div id="menu">
<div class="left first"></div>
<div class="left space"> </div><div class="left menu">Стандарт</div>
<div class="left space"> </div><div class="left menu">Оптимум</div>
<div class="left space"> </div><div class="left menu">Бизнес</div>
<div class="left space"> </div><div class="left menu">VIP</div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mik_hb
mik_hb
Topic Starter сообщение 29.9.2013, 23:10; Ответить: mik_hb
Сообщение #4


Cпасибо за ответы. но это немного не то... Во первых я про табличную верстку, не дивы...Во вторых мне не нужна сплошная нижняя граница, а нужна такая как на рисунке. С разрывами. по середине. А по краям вплотную.. к краю.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mik_hb
mik_hb
Topic Starter сообщение 29.9.2013, 23:21; Ответить: mik_hb
Сообщение #5


Конечно итоговый результат у Den1xxx Абсолютно правильный, но я хотел и у меня не получается табличной версткой сделать
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 30.9.2013, 0:01; Ответить: Den1xxx
Сообщение #6


(kiss @ 30.9.2013, 02:21) *
итоговый результат у Den1xxx Абсолютно правильный

Ну так он ещё и семантически понятный. А табле или див -- какая разница?
То же самое:
[CSS]<style>
body,html{
margin:0;
background-color: #FFF;}

table{
text-align:center;
background-color: #F4F6FA;
width:100%;
}

.first {width:40%;}
.space {width:1%;}
.menu {width:15%;}
.border {border-bottom: 2px solid #D2DAEB;}
.noborder {border-bottom: 2px solid #F4F6FA;}
</style>[/CSS]

<table cellspacing="0" cellpadding="10">
<tr>
<td class="border first"></td>
<td class="noborder space"></td><td class="border menu">Стандарт</td>
<td class="noborder space"></td><td class="border menu">Оптимум</td>
<td class="noborder space"></td><td class="border menu">Бизнес</td>
<td class="noborder space"></td><td class="border menu">VIP</td>
</tr>
</table>

Итог: дивами короче и будет проще при редактировании впоследствии.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 30.9.2013, 0:36; Ответить: Degradator
Сообщение #7


(kiss @ 30.9.2013, 02:10) *
Cпасибо за ответы. но это немного не то...

Чем мой ответ не то?

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
12 Tia2 1530 25.3.2024, 6:54
автор: Skyworker
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
10 Chekon 3582 24.3.2024, 14:15
автор: Chekon
Открытая тема (нет новых ответов) ⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐
12 Chekon 3817 24.3.2024, 13:56
автор: Chekon
Опрос (нет новых голосов) Опрос: Результаты в упражнении "Жим лёжа" у вэбмастеров
35 Room 4464 13.3.2024, 13:10
автор: Room
Открытая тема (нет новых ответов) "Лежащий" домен - 10 лет. Продать?
8 Wolfhound 2382 5.3.2024, 3:22
автор: Liudmila


 



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