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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Спецпредложение "Коробка Битрикс24 в облаке: как перенести и сколько это стоит"
22 Tucha 3854 6.5.2021, 9:34
автор: Tucha
Открытая тема (нет новых ответов) Google Adsense снимает 50% денег за "недопустимый трафик"
Кто сталкивался? В чем причина?
7 Porsche 1358 4.5.2021, 21:05
автор: LigaGiga
Открытая тема (нет новых ответов) Акция "Это май весельчак!" Раздаю дроп-домены с ИКС
12 Kuzzma 2372 3.5.2021, 14:30
автор: Deort
Горячая тема (нет новых ответов) Оцените сервис для игроков "Игротест: Пойдет ли игра на вашем ПК?"
написал для своего сайта
65 coremission 20113 1.5.2021, 16:54
автор: ViktoriaFE
Открытая тема (нет новых ответов) Market place - монетизация "белого" трафика на условиях аренды.
4 toran1 1783 22.4.2021, 17:32
автор: toran1


 



RSS Текстовая версия Сейчас: 8.5.2021, 11:21
Дизайн