HTML центриране на таблици .

ReD_z0n3

Registered
Как да направя тези таблици да стоят , както си му е реда тази в ляво да си е в ляво , тази по средата да си е в средата и тази в ляво да си е в ляво. Щото при мен ето така излизат. И когато задам дължина на някоя от таблиците измества другата ...
2946062n.jpg


Ето го кода.

HTML:
<table align="left" border="1" width="10%" bordercolor="black">
<tr>
<td>Нещо</td>
</tr>
</table>
<table align="center" border="1" width="50%" bordercolor="black">
<tr>
<td>
<p align="center">Текста в тази клетка е по-дълъг от широчината на клетката и за това таблицата се разширява автоматично във височина за да побере целия текст.
</td>
</tr>
</table>
<table align="right" border="1" width="25%" bordercolor="black">
<tr>
<td>Нещо</td>
</tr>
 
Защо него направиш в една таблица с 3 клетки

HTML:
<table align="center">
<tr>
<td>Лява колона</td>
<td>Централна колона</td>
<td>Дясна колона</td>
</tr>
</table>
И вече си настройваш дължината на таблицата и на клетките :)[/html]
 
web.JPG

HTML:
<head>
<meta http-equiv="Content-Language" content="bg">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>New Page 1</title>
</head>

<body bgcolor="#000000">

<table border="1" width="100%" id="table1" height="108" style="border-width: 0px">
	<tr>
		<td align="center" style="border: 3px solid #808080; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px">
		<font color="#FFFFFF">Текст в ляво</font></td>
		<td align="center" style="border: 3px solid #808080; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px">
		<font color="#FFFFFF">Текст в средата</font></td>
		<td align="center" style="border: 3px solid #808080; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px">
		<font color="#FFFFFF">Текст в дясно</font></td>
	</tr>
</table>

</body>
 
Супер , ако искам да добавя още едно поле под това в средата или под това в ляво , какво точно трябва да направя

EDIT: Оправих се :?:
 
ето ти го с 3-те таблици.

HTML:
<table align="left" border="1" width="10%" bordercolor="black">
<tr>
<td>Нещо</td>
</tr>
</table>
<table align="right" border="1" width="25%" bordercolor="black">
<tr>
<td>Нещо</td>
</tr>
</table>
<table align="center" border="1" width="50%" bordercolor="black">
<tr>
<td>
<p align="center">Текста в тази клетка е по-дълъг от широчината на клетката и за това таблицата се разширява автоматично във височина за да побере целия текст.</p>
</td>
</tr>
</table>
 

Back
Горе