| |
|
|
| | Делаю вывод фоток в галерее.
Нужно выравнять каждую фотку по центру ячейки,
text-align: center в стилях прописан,
в Эксплорере код работает нормально, всмысле результат
который нужен, в Firefox - никак, все равно картинки встают слева.
Вот полностью код страницы.
<html>
<head>
<title></title>
<meta http-equiv=content-type content="text/html; charset=windows-1251">
<meta http-equiv=content-language content=ru>
<style type="text/css">
<!--
.tbl_alb
{
width : 100%;
border-collapse: collapse;
background-color: #ffffff;
}
.tbl_alb td
{
text-align: center;
}
.tbl_img td
{
width: 150px;
text-align: center;
font: 13px georgia,arial,tahoma;
}
-->
</style>
</head>
<body>
<table class="tbl_alb" border=1>
<tr>
<td style="background-color:#eee;">
<table class="tbl_img" border=0>
<tr>
<td style="padding:5px; background-color:#fff;"><img src="photoalbum/fontan_id_.jpg" width="150" height="112" border=0 alt="фонтан"></td>
</tr>
<tr>
<td>фонтан</td>
</tr>
<tr>
<td><a href="?page=album&act=delete&img_id=1">удалить</a></td>
</tr>
</table>
</td>
<td style="background-color:#eee;">
<table class="tbl_img" border=0>
<tr>
<td style="padding:5px; background-color:#fff;"><img src="photoalbum/naberegnaya_id_.jpg" width="150" height="112" border=0 alt="набережная"></td>
</tr>
<tr>
<td>набережная</td>
</tr>
<tr>
<td><a href="?page=album&act=delete&img_id=2">удалить</a></td>
</tr>
</table>
</td>
<td style="background-color:#eee;">
<table class="tbl_img" border=0>
<tr>
<td style="padding:5px; background-color:#fff;"><img src="photoalbum/erwe_id_.jpg" width="150" height="112" border=0 alt="erwe"></td>
</tr>
<tr>
<td>erwe</td>
</tr>
<tr>
<td><a href="?page=album&act=delete&img_id=4">удалить</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body></html>
|
| |
| |
|
|
| |
|
|
| |
для: AlexK_
(04.03.2008 в 20:34)
| | | описываем в стилях:
.tbl_img {
margin:0 auto;
}
Но если честно верстка ужасна... | |
| |
|
|
| |
|
|
| |
для: ~Z0RR0~
(05.03.2008 в 10:47)
| | | таблицы для таких целей-прошлый век | |
| |
|
|
