Как сделать так...

mxm008 · August 5, 2009

Мне нужно сделать, чтобы две разные таблицы стояли по центру. (как на картинке).

Edited August 5, 2009 by mxm008

psywalker · August 6, 2009

Запихни две таблицы в общий div и задай ему ширину этих таблиц и выровни по центру margin: 0 auto;

mxm008 · August 6, 2009

Запихни две таблицы в общий div и задай ему ширину этих таблиц и выровни по центру margin: 0 auto;

Почему-то не получается, может есть более "радикальный" способ? Или может конкретный код скажите? А то я можт чего не так делаю...

s0rr0w · August 6, 2009

Почему-то не получается, может есть более "радикальный" способ? Или может конкретный код скажите? А то я можт чего не так делаю...

Вы сначала свой код покажите, а мы подскажем, что не так.

mxm008 · August 7, 2009

Вы сначала свой код покажите, а мы подскажем, что не так.

<div width="740" align="center">

<table border="1" width="500" height="400">
<tr>
<td>sdfgsdfg
</td>
</tr>
</table>

<table border="1" width="240" height="400">
<tr>
<td>sdfgsdfg
</td>
</tr>
</table>

</div>

Вот код, но он не делает две таблицы по центру...

Justnewone · August 7, 2009

Тут на сайте, почитайте CSS шаг за шагом и прочие разделы.

SelenIT · August 7, 2009

1) У div-а нет атрибута width, его размеры надо задавать через стили;

2) Таблица по умолчанию рисуется с новой строки (как блок). Чтобы поставить две таблицы рядом, нужно задать им обтекание (лучше через float в стилях, хотя — если не гнаться за Strict-валидностью — можно и по старинке атрибутом align).

mxm008 · August 7, 2009

Вобщем пробывал по-разному... Сделал так:


<div {width: 740; align: center;}>
<div {float: left;}>

<table border="1" width="500" height="400">
<tr>
<td>sdfgsdfg
</td>
</tr>
</table>

</div>

<table border="1" width="240" height="400">
<tr>
<td>sdfgsdfg
</td>
</tr>
</table>

</div>

Но увы, не работает... Наверное я что-то недопонимаю, либо я не знаю уже... Я и про float читал на сайте, все равно не могу понять как это все должно работать.

Justnewone · August 7, 2009

Вау, как круто!

Плохо читали.

А еще лучше создать отдельный файл стилей, прикрепить его в шапке тегом LINK, самим элементам назначать классы и на эти классы в файле стилей прописать правила.

PS. срочно смените название поста на что-то вразумительное, иначе я тему во флейм перенесу.

psywalker · August 7, 2009

mxm008

1) http://stepbystep.htmlbook.ru/ - Все разделы наизусть

2) <div {width: 740; align: center;}> - вот такую ересь никогда больше не пиши

3)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
		div { width: 800px; margin: 50px auto;}
		table { border-collapse: collapse; float: left; border: 1px solid #000; height: 400px;}
			table.a { width: 500px; margin-right: 50px;}
			table.b { width: 240px;}

</style>
</head>

<body>
	<div>
		<table class="a">
			<tr>
				<td>sdfgsdfg</td>
			</tr>
		</table>
		<table class="b">
			<tr>
				<td>sdfgsdfg</td>
			</tr>
		</table>
	</div>
</body>
</html>

mxm008 · August 7, 2009

psywalker

Спасибо огромное за реальную помощь!

psywalker · August 7, 2009

psywalker
Спасибо огромное за реальную помощь! smile.gif

Реально иди учи теорию

rootv · August 15, 2009

Что-то, наверное, слишком сложно...

Если я правильно понимаю, надо просто создать талицу с одной строкой и двумя ячейками.

И в эти 2 ячейки поместить эти самые 2 таблицы...

А дальше можно задавать параметры ячеек внешней таблицы и получать любой результат...

Sign In

Как сделать так...

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information