Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Выравнивание таблиц 
:(
    Опции темы
mr.Anderson
Дата 28.5.2005, 16:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


iOS Lead Developer
****


Профиль
Группа: Участник Клуба
Сообщений: 3374
Регистрация: 20.12.2004
Где: далеко

Репутация: нет
Всего: 128



Код

<html>
<style>
.table
{
border-weight: 2px;
border-style: solid;
}
.nav
{
font-family: Monotype Corsiva;
font-weight: bold;
font-size: 30px;
}
</style>
<div>
<table align=left class="table" width="18%">
<tr><td class="nav">Карта сайта</td>
<tr><td style="text-indent: 33pt; font-family: impact"><a href="http://guitarist.phost.name/index.php">На главную</a></td>
<tr><td style="text-indent: 21pt; font-family: impact"><a href="http://guitarist.phost.name/history.php">История гитары</a></td>
</table>
</div>
</td><td>
<div>
<table class="table" width="40%">
<th>Какой-то текст</th>
<th>Какой-то текст</th>
</table>
</div>
</html>

Есть вот такой вот код. Не знаю, как отделить хоть немного вторую таблицу от первой. Помогите!


--------------------
user posted image

user posted image
PM MAIL ICQ Skype   Вверх
Black
Дата 28.5.2005, 21:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Web-Development
**


Профиль
Группа: Участник
Сообщений: 980
Регистрация: 15.8.2004

Репутация: 15
Всего: 45



sim7
отделить??? т.е. чтобы между ними было пространство???

тогда просто <br><br> между таблицами smile

Или стилями, тогда используем свойство margin у таблиц.

См. тут: http://css.manual.ru/border.html

Это сообщение отредактировал(а) PHP-DIRECTOR - 28.5.2005, 21:31


--------------------
Могу все, но ничего не умею :-)
PM WWW   Вверх
Gold Dragon
Дата 29.5.2005, 09:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



пробелама или прозрачным 1х1.gif...

И для начала, проверь теги, у тебя половина закрывающихся нет


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
mr.Anderson
Дата 29.5.2005, 10:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


iOS Lead Developer
****


Профиль
Группа: Участник Клуба
Сообщений: 3374
Регистрация: 20.12.2004
Где: далеко

Репутация: нет
Всего: 128



Отделить - в смысле отодвинуть правую таблицу чуть вправо от левой таблицы. Вы вообще пробовали мой скрипт запустить, чтобы посмотреть, что получилось?
Red Dragon, ну и что, что теги не закрыты? Разве ж это обязательно? Какая разница - написать
Код

<table>
<tr><td>Text1
<td>Text2
<td>Text3
</table>

или
Код

<table>
<tr><td>Text1</td>
<td>Text2</td>
<td>Text3</td></tr>
</table>



--------------------
user posted image

user posted image
PM MAIL ICQ Skype   Вверх
Gold Dragon
Дата 29.5.2005, 11:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Цитата(sim7 @ 29.5.2005, 10:53)
Red Dragon, ну и что, что теги не закрыты? Разве ж это обязательно? Какая разница - написать
согласен, это дело вкуса smile

PHP-DIRECTOR тебе уже подсказал
Код

.table
{
border-weight: 2px;
border-style: solid;
margin-right: 20px;
}




--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
mr.Anderson
Дата 29.5.2005, 17:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


iOS Lead Developer
****


Профиль
Группа: Участник Клуба
Сообщений: 3374
Регистрация: 20.12.2004
Где: далеко

Репутация: нет
Всего: 128



В общем, мне помог знакомый программист с сайта http://prihod.org.ru , получилось вот так:
Код

<style>
.table1
{

border-width: 10px;
border-style: groove;
border-color: red;
align: left;
}
.table1nav
{
font-family: Monotype Corsiva;
font-weight: bold;
font-size: 30px;
}
.table1font
{
font-family: impact;
}
.table2
{
border-width: 5px;
border-color: green;
border-style: groove;
}
</style>

<table>

<tr><td valign=top width="30%">
<table class="table1">
<tr><td class="table1nav">Карта сайта</td>
<tr><td class="table1font" style="text-indent: 33pt"><a href="http://guitarist.phost.name/index.php">На главную</a></td>
<tr><td class="table1font" style="text-indent: 21pt"><a href="http://guitarist.phost.name/history.php">История гитары</a></td>

</table></td>
<td valign=top width=38%>
<table class="table2">
<th>Какой-то текст</th>
<th>Какой-то текст</th>
</table></td>
<td valign=top width=60%>
<table class="table2">
<th>Текст 1, текст 2</th>
</table></td>

</table>

И все замечательно работает. Всем тут ответившим спасибо, хотя мне это не очень помогло.


--------------------
user posted image

user posted image
PM MAIL ICQ Skype   Вверх
dm9
Дата 29.5.2005, 18:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137



Цитата(sim7 @ 29.5.2005, 18:16)
<table class="table2">
<th>Какой-то текст</th>
<th>Какой-то текст</th>
</table>


Насколько я знаю (валидатор это подтверждает), th нельзя использовать без tr.
Правильно так:

Цитата(sim7 @ 29.5.2005, 18:16)
<table class="table2">
<tr>
<th>Какой-то текст</th>
<th>Какой-то текст</th>
</tr>
</table>


PM MAIL ICQ   Вверх
mr.Anderson
Дата 30.5.2005, 16:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


iOS Lead Developer
****


Профиль
Группа: Участник Клуба
Сообщений: 3374
Регистрация: 20.12.2004
Где: далеко

Репутация: нет
Всего: 128



Это понятно. Я вообще <th> не использую, здесь я его для краткости привел.
Да, темку можно закрыть.


--------------------
user posted image

user posted image
PM MAIL ICQ Skype   Вверх
GoodBoy
Дата 30.5.2005, 16:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Главный джедай
****


Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

Репутация: 5
Всего: 83



Преренесено из "Веб-дизайна"


--------------------
Чем дальше в лес, тем толще партизаны...

Цитата(igorold @  1.5.2016,  17:40 Найти цитируемый пост)
Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях. 
PM MAIL   Вверх
PROCESSOR
Дата 6.6.2005, 04:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 238
Регистрация: 25.5.2005

Репутация: нет
Всего: нет



Всё изврат, включяя использование TABLE в данной ситуации ... за тег TH вообще расстрел !!!
Если главная задача - отделить таблицы друг от друга, то вот такой должен быть красивый код :

Код

<html>
<style>
       .nav  { font-family: Monotype Corsiva; font-weight: bold; font-size: 30px; }
       TABLE {border-weight: 2px; border-style: solid; margin-right:20 }
</style>

<BODY>
<table align="left"  width="18%">
       <tr><td class="nav">Ля ляля </td>
       <tr><td style="text-indent: 33pt; font-family: impact"><a href="http://guitarist.phost.name/index.php">ллляляляля</a></td>
       <tr><td style="text-indent: 21pt; font-family: impact"><a href="http://guitarist.phost.name/history.php">Наананна</a></td>
</table>

<table width="40%">
       <tr><td>цукцук</td><td>и тут чонидь</td></tr>
</table>

</BODY>
</html>


пустое пространство от обьекта устанавливается с помощью CSS - margin. Если просто - то со всех сторон будет одинаково, также можно указать сторону left,right,top,bottom. ( margin-left )

P.S. текст из PHP Expert Editor переносится , что русские буквы не сохроняются, потому заменил всячески.

Это сообщение отредактировал(а) PROCESSOR - 6.6.2005, 04:24
PM MAIL   Вверх
Gold Dragon
Дата 6.6.2005, 08:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



//offtop
Цитата(PROCESSOR @ 6.6.2005, 04:20)
P.S. текст из PHP Expert Editor переносится , что русские буквы не сохроняются, потому заменил всячески.

При копировании в буфер попробуй переключать раскладку на русский. У меня таккая же проблема иногда бывает, этот способ помогает



--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0590 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.