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



 

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

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

Открыть тему
Тема закрыта
> Расстояние между таблицами
badfard
badfard
Topic Starter сообщение 2.8.2010, 18:59; Ответить: badfard
Сообщение #1


Доброго времени суток, уважаемые форумчане. Интересует вопрос, допустим, есть две таблички, стоящие друг за другом на всю ширину страницы, как можно задать расстояние между ними. Схематичное представление=)

Таблица 1 <-------> Таблица 2

Если бы таблицы были друг под другом, то это легко, а вот когда друг за другом-даже не знаю

Исходный код
<html>
<head>
<title>Point</title>
</head>
<body>
<!--LOGO -->
<table border="1" width="100%" height="15%" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<!--LOGO-конец-->

<br>

<!--Основная таблица-->
<table border="0" width="100%" height="75%" cellspacing="0">
<tr>
<td width="20%">

<!--Левая колонка-->
<table border="1" width="100%" height="100%" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<!--Левая колонка-конец-->
</td>
<!--Центральная колонка-->
<td width=60%>
<table border="1" width="100%" height="100%" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
<!--Центральная колонка-конец-->
<td width="20%">
<!--Правая колонка-->
<table border="1" width="100%" height="100%" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<!--Правая колонка-конец-->
</td>

<!--Основная таблица-конец-->


<!--Подвал-->
<table border="1" width="100%" height="6%" cellspacing="0">
<tr>
<td>
&nbsp;
</td>
<!--Подвал-конец-->
<br>
</body>

</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SEVI
SEVI
сообщение 2.8.2010, 19:02; Ответить: SEVI
Сообщение #2


в стилях margin:значение; прописать
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 2.8.2010, 19:02; Ответить: alexdrob
Сообщение #3


(badfard @ 2.8.2010, 21:59) *
<td width=60%>

вы же его и так задали)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
staff-base
staff-base
сообщение 9.8.2010, 16:57; Ответить: staff-base
Сообщение #4


Один из вариантов, но не очень хороший. К сожалению, в HTML и CSS не заложено адекватное форматирование блочных структур вдоль "горизонта".

<html>
<head>
<title>
</title>
<style>table { float: left; border: red 1px solid; margin-right: 20px; } </style>
</head>
<body>

<table>
<caption>Odin</caption>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
</table>

text text text

<table>
<caption>Dva</caption>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
</table>

</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
CatRock
CatRock
сообщение 10.8.2010, 22:18; Ответить: CatRock
Сообщение #5


(badfard @ 2.8.2010, 21:59) *
Доброго времени суток, уважаемые форумчане. Интересует вопрос, допустим, есть две таблички, стоящие друг за другом на всю ширину страницы, как можно задать расстояние между ними. Схематичное представление=)

Таблица 1 <-------> Таблица 2

Если бы таблицы были друг под другом, то это легко, а вот когда друг за другом-даже не знаю


Попробуйте перед одной таблицей сделать код <pre>, между таблицами прописать пробелы, а после другой таблицы закрыть тег </pre>.
Если не помогает, то после одной таблицы разместите несколько тегов &nbsp; (пробелов) до начала другой.

Вот наглядный пример:

<table>
<tr>
<td></td>
</tr>
</table>
&nbsp;&nbsp;&nbsp;
<table>
<tr>
<td></td>
</tr>
</table>


или:

<pre>
<table>
<tr>
<td></td>
</tr>
</table>        <table>
<tr>
<td></td>
</tr>
</table>
</pre>


Если не помогло, тогда не знаю.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Flok
Flok
сообщение 10.8.2010, 22:35; Ответить: Flok
Сообщение #6


(CatRock @ 11.8.2010, 01:18) *
Попробуйте перед одной таблицей сделать код <pre>, между таблицами прописать пробелы, а после другой таблицы закрыть тег </pre>.



[IMG]http://s42.radikal.ru/i096/1008/d7/1286935d7cf4.png[/IMG]


макет сайта фиксированный (ширина строго задана в px или em) или резиновый (ширина задана в %)? просто тут по-разному решить можно, с фиксирвоанным проще )
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
CatRock
CatRock
сообщение 11.8.2010, 11:14; Ответить: CatRock
Сообщение #7


(Flok @ 11.8.2010, 01:35) *
макет сайта фиксированный (ширина строго задана в px или em) или резиновый (ширина задана в %)?


Вообще лучше делать в фиксированном... я так думаю. На всех мониторах будет таблица ровно такого размера, который ты укажешь.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как вы сравниваете ТОП сайтов между собой?
5 noviktamw 6374 10.1.2024, 13:23
автор: wanessa
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Автоматическая перелинковка между страницами Wordpress
4 rokot 2303 28.7.2019, 20:56
автор: rokot
Открытая тема (нет новых ответов) Сменить фокус общения JS между документами
нужен очень толковый JS разработчик
0 LebedevStr 2629 24.6.2018, 19:21
автор: LebedevStr
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКак удобнее работать в команде, если надоело переключаться между мессенджерами?
3 work_lance 3906 14.3.2018, 3:30
автор: work_lance


 



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