| |
|
|
| | Здравствуйте Уважаемое сообщество.
Ни поможте с вопрсом по вёрстке таблицы.
<!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>
<title>Расписание занятий</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="keywords" content="танцевальный центр Императорский стиль" />
<meta name="description" content="Это сайт визитка танцевального центра Императорский стиль" />
<!-- <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> -->
<style type="text/css">
body { font: 14px/18px Arial, Tahoma, Verdana, sans-serif; }
ul { list-style:none; margin:0px; padding:0px; }
li { background:url(image/bg_li.jpg) left top no-repeat; width:247px; height:24px; vertical-align:middle; text-align:center; margin:0px; padding:0px; }
ul li a { color:#a58346; }
table.main { color:#8f734c; margin:0px; padding:0px; border-collapse:collapse; }
table.main tr.up2 { background-color:#dccdb6; }
table.main tr { background-color:#e4d4bd; }
table.main td { width:80px; text-align:center; padding:5px 10px; height:30px; border:1px solid #b0a18a}
table.main .td2 { width:84px; text-align:center; padding:5px 10px; height:30px; border:1px solid #b0a18a}
</style>
</head>
<body>
<br style="line-height:5px;" />
<table class="main">
<tr>
<td style="border:none; background-color:#e4d4bd;" rowspan="2">
<img src="image/pic_table1.jpg" width="40" height="51" alt="" />
</td>
<td colspan="5" align="right" style="margin:0px; padding:0px; width:auto; text-align:right; height:24px; border:none;">
<ul>
<li><a href="">Исторические бальные танцы</a></li>
</ul>
</td>
</tr>
<tr class="up2">
<td style="background:url(image/td_up_ugol.jpg) left top no-repeat; background-color:##e4d4bd; border-left:none; border-top:none; ">Понедельник
</td>
<td>Вторник
</td>
<td>Среда
</td>
<td>Четверг
</td>
<td>Пятница
</td>
</tr>
<tr>
<td style="background:url(image/td_up_ugol2.jpg) left top no-repeat; background-color:##e4d4bd; border-top:none; border-left:none; ">Время
</td>
<td>19.30-21.00
</td>
<td>19.30-21.00
</td>
<td>19.00-21.00
</td>
<td>19.30-21.00
</td>
<td>19.00-21.00
</td>
</tr>
<tr>
<td>Зал
</td>
<td>Зал № 5
</td>
<td>Зал № 1
</td>
<td>Зал № 1
</td>
<td>Зал № 1
</td>
<td>Зал № 1
</td>
</tr>
<tr>
<td rowspan="2">Педагог(и)
</td>
<td rowspan="2">Слепцов Тарас
</td>
<td>Бронякин Владимир
</td>
<td>Антипова Алла
</td>
<td>Бронякин Владимир
</td>
<td>Антипова Алла
</td>
</tr>
<tr>
<td>Василевская Мария
</td>
<td>Матвеев Сергей
</td>
<td>Василевская Мария
</td>
<td>Матвеев Сергей
</td>
</tr>
<tr>
<td>Стоимость
</td>
<td>200 руб.
</td>
<td>150 руб.
</td>
<td>б/п*
</td>
<td>150 руб.
</td>
<td>б/п*
</td>
</tr>
</table>
</body>
</html>
|
Почему эта ячейка таблицы
<td colspan="5" align="right" style="margin:0px; padding:0px; width:auto; text-align:right; height:24px; border:none;">
<ul>
<li><a href="">Исторические бальные танцы</a></li>
</ul>
</td>
выровнена по левому краю ячейки только в ie смотрится по правому краю, хотя для td указано text-align:right;
Что можно сделать чтоб содержимое ячейки выровнялось по правому краю. | |
| |
|
|
| |
|
|
| |
для: pautina
(28.01.2010 в 08:18)
| | | задать выравнивание для ul | |
| |
|
|
| |
|
|
| |
для: AlexSol
(28.01.2010 в 09:29)
| | | ul { list-style:none; margin:0px; padding:0px; margin-left:auto } | |
| |
|
|
| |
|
|
| |
для: sl1p
(28.01.2010 в 09:38)
| | | Да ну а причём здесь списки, содержимое ячейки таблицы может быть любым (текст, рисунок, список, да не вожно что)
Важно что содержимое ячейки выравнивается в ней за счёт text-align:right; или align="right" т.е содержимое ячейки таблицы должно быть с првой стороны, а у меня справа только в ie, в opera, mozila, safari содержимое по центру, Вот я и спрашиваю что сделать можно, чтоб везде справа было. | |
| |
|
|
| |
|
|
| |
для: pautina
(28.01.2010 в 15:24)
| | | потому что ul имеет стандартный стиль display: block, и растягивается по всей ячейке | |
| |
|
|
| |
|
|
| |
для: pautina
(28.01.2010 в 15:24)
| | | >"Вот я и спрашиваю что сделать можно?"
Отвечаю - УБЕРИТЕ список из этой строки ВОВСЕ.
Однопунктовый список без маркера - КОМУ ОН НУЖЕН? | |
| |
|
|
| |
|
|
| |
для: АЯ
(28.01.2010 в 16:10)
| | | Здесь для ul надо было использовать float:right, (Насколько правильно его сюда ставить нескажу).
Ещё вот какой вопрос возник для ячейки таблицы у меня есть фон, он образует закруглённые углы
<td style="background:url(images/td_up_ugol.jpg) left top no-repeat; background-color:##e4d4bd; border-left:none; border-top:none; border-right:1px dashed #b0a18a; ">Понедельник
</td>
|
http://www.my-page31.narod.ru
Везде кроме mozila фон выгледит нормально, а здесь (в mozila) словно он смещен на 1 пиксел вниз и влево, почему так происходит? | |
| |
|
|
| |
|
|
| |
для: pautina
(28.01.2010 в 16:18)
| | |
<table cellpadding="0" cellspacing="0">
|
| |
| |
|
|
| |
|
|
| |
для: АЯ
(28.01.2010 в 19:25)
| | | Ни подошло
table.main2 { color:#8f734c; margin:0px; padding:0px; border-collapse:collapse; width:620px; }
|
border-collapse:collapse; не аналог table cellpadding="0" cellspacing="0",
Что ещё можно попробовать?
Может как то с границами связано смещение на 1 пиксел (граница сверху и слева убрана, на её месте фон с закруглением) только в mozila такое смещение, если границу стаим всё нормально.
Может трюк какой использовать? | |
| |
|
|
| |
|
|
| |
для: pautina
(28.01.2010 в 20:39)
| | | cellpadding - величина ВНУТРЕННИХ отступов в ячейках. Имеет НЕНУЛЕВОЕ значение по умолчанию (приблизительно равно 1px).
cellspacing - величина расстояния МЕЖДУ ячейками. Имеет НЕНУЛЕВОЕ значение по умолчанию (приблизительно равно 1px).
Причём тут выделенный вами жирно border-collapse:collapse?
Стиль бордера НИКАКОГО ВЛИЯНИЯ на cellpadding и cellspacing НЕ ОКАЗЫВАЕТ.
Не пытайтесь теоретизировать - вам это не идёт, потому как очень мало знаете.
Вы сначала ПОПРОБУЙТЕ, а потом уж пишите "подошло/не подошло". | |
| |
|
|
| |
|
|
| |
для: АЯ
(28.01.2010 в 21:08)
| | | какраз border-collapse:collapse есть аналог cellspacing=0
padding:0 = cellpadding=0
попробуйте для начала :) | |
| |
|
|
| |
|
|
| |
для: sl1p
(28.01.2010 в 21:43)
| | | >"какраз border-collapse:collapse есть аналог cellspacing=0"
Аналог, говорите?
Хе-хе...
<table cellpadding="5" border="1" cellspacing="1" style="border-collapse: collapse">
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
<table cellpadding="5" border="1" cellspacing="1" cellspacing="0">
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
|
Объясните, почему "ваш аналог" здесь работает не так, как оригинал?
Это как сказать: "пурген - аналог пирамидона".
Таблетки - они внешне похожи, только действуют совсем по-разному:-) | |
| |
|
|
| |
|
|
| |
для: АЯ
(28.01.2010 в 23:18)
| | | ну а нахрен ставить ещё cellspacing="1"?
если поставить этот стиль на свежую таблицу то всё как надо. | |
| |
|
|
