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



 

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

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

Открыть тему
Тема закрыта
> попробуй отлепить таблицу
cx717
cx717
Topic Starter сообщение 27.6.2008, 20:53; Ответить: cx717
Сообщение #1


Товарищи профессионалы, недавно заметил, что если разместить под горизонтальным списком (пункты которого - ссылки с параметром display: block) таблицу и поставить у этой таблицы margin-top: 20px ( любой отступ ), то в Oper'е как ни крути - таблица будет намертво прибита к списку. Удивительно, но ie и ff делают отступ без всяких проблем.
Показать не могу, поэтому выкладываю код:
<!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<meta http-equiv="imagetoolbar" content="no">
<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>
<style>
body { background: black; }
*{ margin: 0; padding: 0; border: 0; }
ul li { list-style: none; float: left; margin-left: 10px; }
ul li a { width: 100px; }
.box { width: 100px; height: 50px; border: 1px solid blue; }
table { width: 500px; height: 400px; border: 1px solid red; clear: left; margin-top: 10px; }
</style>
<div>
<ul>
<li><a href=""><div class="box"></div></a></li>
</ul>
</div>
<div>
<table cellpadding="0" cellspacing="0" >
<tr>
<td>&nbsp;</td>
</tr>
</table>
</div>

</body>
</html>
Пришлось вставлять таблицу с высотой 10px между исходной таблицей и списком, но это ведь как-то не по-мужски.
Вобщем если кто в курсе вопроса - черканите пару строк, буду признателен.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 28.6.2008, 1:28; Ответить: Exterior
Сообщение #2


cx717, указал отступ у li снизу:
<!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>

<title></title>

<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<meta http-equiv="imagetoolbar" content="no">

<link rel="stylesheet" type="text/css" href="/css/style.css">

<style type="text/css">
<!--
body {
background: black;
}

* {
margin: 0px;
padding: 0px;
border: 0;
}

ul li {
width: 100px;
height: 50px;
list-style: none;
float: left;
margin-left: 10px;
border: 1px solid blue;
margin-bottom: 10px;
}

ul li a {
display: block;
color: green;
}

table {
width: 500px;
height: 400px;
border: 1px solid red;
clear: left;
/*margin-top: 10px;*/
}
-->
</style>

</head>

<body>

<ul>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
</ul>

<table cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>

</body>
</html>


Кстати, div внутри ссылок в strict`е не прокатывает, да и указывать 100% ширину в ссылках тож не надо - при display: block она по умолчанию и так на все 100%.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cx717
cx717
Topic Starter сообщение 3.7.2008, 15:40; Ответить: cx717
Сообщение #3


Cпасибо.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как вырaвнять таблицу и текст по центру экрана?
 3 nhelp 4005 4.6.2014, 15:42
автор: -shmatkobrest-
Открытая тема (нет новых ответов) Как при блочной вёрстке в один из блоков вставить таблицу по центру
 1 benefit 10483 4.4.2013, 23:02
автор: -almac-
Открытая тема (нет новых ответов) Нужно повесить таблицу! Помогите!
 1 Tesora 3128 11.10.2012, 23:23
автор: -Arks-
Открытая тема (нет новых ответов) Попробуй свои силы.
 0 noobjke 2838 31.7.2012, 0:28
автор: -noobjke-
Открытая тема (нет новых ответов) Как поднять таблицу в таблице?
 13 Павел Кушнарев 30174 29.3.2011, 16:52
автор: -born-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 20.4.2024, 14:45

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet