Помощник
|
Как выровнять положение таблицы внутри другой таблицы? |
Lan64
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
31.7.2008, 16:11;
Ответить: Webmaster_hb
Сообщение
#2
|
|
Lan64, добавьте стиль
body { padding:0px; margin:0px; } |
|
|
Lan64
|
Сообщение
#3
|
|
Вставил в <head>
<style type="text/css"> body { padding:0px; margin:0px; } </style> Все поплыло.Показывает только последний столбец,последней таблицы (но без пробелов) |
|
|
Lan64
|
Сообщение
#4
|
|
Webmaster Спасибо за совет.
Все содержимое страницы заключил в таблицу 1х1. Все стало на место. |
|
|
ADVOKAT_hb |
6.8.2008, 11:40;
Ответить: ADVOKAT_hb
Сообщение
#5
|
|
Вопрос на тему таблица в таблице!!!
Немогу выровнить центральную таблицу по вертикали!!! По горизонтали выровнил относительно правого угла, а по вертикали не как посоветуйте что нить!!! http://advokat-super.narod.ru/Index.html - вот ссылка. |
|
|
andreyBern |
6.8.2008, 12:14;
Ответить: andreyBern
Сообщение
#6
|
|
если я правильно понял, то тебе нада дописать valign="top" - если выровнять по верху или valign="bottom" - если по низу, для той ячейки где находиться твоя таблица, т.е. это будет так <td valign="top"> тут твоя таблица </td>
|
|
|
Exterior |
6.8.2008, 14:07;
Ответить: Exterior
Сообщение
#7
|
|
ADVOKAT, вообще, по умолчанию в ячейках таблицы вертикальное выравнивание идет по середине и никаких дополнительных приемов выполнять не надо. Для пущей уверенности можно в ячейке указать valign="middle", в CSS - vertical-align: middle;
Пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>vertical align table</title> <!-- Style CSS --> <style type="text/css"> <!-- .table_1 { width: 600px; height: 400px; } .table_1 td { vertical-align: middle; } .table_2 { width: 300px; height: 200px; margin: 0px auto; } --> </style> </head> <body> <table class="table_1" border="1"> <tr> <td valign="middle"> <table class="table_2" border="1"> <tr> <td> </td> </tr> </table> </td> </tr> </table> </body> </html> |
|
|
ADVOKAT_hb |
7.8.2008, 10:50;
Ответить: ADVOKAT_hb
Сообщение
#8
|
|
Я в таблицах очень плохо разбираюсь!!! мне нужно сделоть отступ
от верха 500 пх от нижнего 100 пх!!! Воть. Помогите кто чем может. Чтобы вторая таблица была под машинкой, и от низу где копирайт был отступ в 100 пх... http://advokat-super.narod.ru/Index.html |
|
|
Exterior |
7.8.2008, 13:19;
Ответить: Exterior
Сообщение
#9
|
|
|
ADVOKAT,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>margin-top & margin-bottom</title> <!-- Style CSS --> <style type="text/css"> <!-- .outer_tbl { width: 100%; text-align: center; vertical-align: middle; } .inner_tbl { width: 400px; height: 200px; margin: 500px auto 100px auto; background: yellow; font: bold 20px Arial; color: red; } .test_top { height: 300px; margin-bottom: -500px; padding-top: 200px; background: green; font: bold 20px Arial; color: white; } .test_bot { height: 100px; margin-top: -100px; background: blue; font: bold 20px Arial; color: white; } pre { width: 300px; margin: 0px auto; text-align: left; background: lightyellow; color: black; } --> </style> </head> <body> <table class="outer_tbl" border="1"> <tr> <td> <!-- /////////////////////// УДАЛИТЬ! //////////////////// --> <!----> <div class="test_top"> <!----> Верхний отступ в 500px<br /> <!----> <pre>.table_class { <!----> margin-top: 500px; <!---->}</pre> <!----> </div> <!-- ///////////////////////////////////////////////////// --> <table class="inner_tbl" border="1"> <tr> <td>Таблица</td> </tr> </table> <!-- /////////////////////// УДАЛИТЬ! //////////////////// --> <!----> <div class="test_bot"> <!----> Нижний отступ в 100px <!----> <pre>.table_class { <!----> margin-bottom: 100px; <!---->}</pre> <!----> </div> <!-- ///////////////////////////////////////////////////// --> </td> </tr> </table> </body> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 11 | Boymaster | 1798 | 17.4.2024, 23:35 автор: Boymaster |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4806 | 17.4.2024, 1:19 автор: sergio11 |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19707 | 8.4.2024, 10:37 автор: Skyworker |
|
Как вы бросили работу и перешли на заработок с сайтов? | 18 | uahomka | 3099 | 5.4.2024, 5:53 автор: Skyworker |
|
Как бездомные хранят деньги? | 81 | metvekot | 13654 | 31.3.2024, 12:44 автор: Boymaster |
Текстовая версия | Сейчас: 19.4.2024, 9:19 |