Форум Практика оптимизации Любые вопросы от новичков по оптимизации

Помогите с html!

12
Кристина
На сайте с 05.06.2006
Offline
75
Кристина
1386

Весь текст и картинки сдвинуты влево. А надо чтобы по центру.

Помогите!

Вот код:

<td rowspan="10" width="1" bgcolor="#000000"></td>

<td rowspan="10" width="50%" height="100%" background="images/bg1223.jpg" style="background-position:left top; background-repeat:repeat-y"></td>

</tr>

<tr>

<td valign="top" height="100%" background="images/bg011.jpg">

<table cellpadding="0" cellspacing="0" border="0" height="100%">

<tr>

<td width="513" height="100%" background="images/bg01.jpg" style="background-repeat:no-repeat;background-position:top" valign="top">

<div style="padding-left:74px;padding-top:11px;" class="bg">

<a href="" class="bg">Предыдущая</a>&nbsp;|&nbsp;

<a href="" class="bg">Следующая</a></div>

<div style="padding-left:15px;padding-top:30px;">

<table cellpadding="0" cellspacing="0" border="0" bordercolor="red">

<tr><td height="5"></td></tr>

<tr>

<td><img src="images/katalog/ataman.jpg" hspace="20" vspace="3"></td>

<td><img src="images/katalog/rak.jpg" hspace="10" vspace="3"></td>

</tr>

<tr>

<td align="center"><a href="">Подробнее</a></td>

<td align="center"><a href="">Подробнее</a></td>

</tr>

<tr><td height="15"></td></tr>

<tr>

<td><img src="images/katalog/african.jpg" hspace="20" vspace="5"></td>

<td><img src="images/katalog/jungle.jpg" hspace="10" vspace="5"></td>

</tr>

<tr>

<td align="center"><a href="">Подробнее</a></td>

<td align="center"><a href="">Подробнее</a></td>

</tr>

MASTAKILLA
На сайте с 11.05.2006
Offline
160
MASTAKILLA
#1
Кристина:
Весь текст и картинки сдвинуты влево. А надо чтобы по центру.
Помогите!

Вот код:

<td rowspan="10" width="1" bgcolor="#000000"></td>
<td rowspan="10" width="50%" height="100%" background="images/bg1223.jpg" style="background-position:left top; background-repeat:repeat-y"></td>
</tr>
<tr>
<td valign="top" height="100%" background="images/bg011.jpg">
<table cellpadding="0" cellspacing="0" border="0" height="100%">

<tr>
<td width="513" height="100%" background="images/bg01.jpg" style="background-repeat:no-repeat;background-position:top" valign="top">
<div style="padding-left:74px;padding-top:11px;" class="bg">
<a href="" class="bg">Предыдущая</a>&nbsp;|&nbsp;
<a href="" class="bg">Следующая</a></div>
<div style="padding-left:15px;padding-top:30px;">
<table cellpadding="0" cellspacing="0" border="0" bordercolor="red">
<tr><td height="5"></td></tr>
<tr>
<td><img src="images/katalog/ataman.jpg" hspace="20" vspace="3"></td>
<td><img src="images/katalog/rak.jpg" hspace="10" vspace="3"></td>
</tr>
<tr>
<td align="center"><a href="">Подробнее</a></td>
<td align="center"><a href="">Подробнее</a></td>
</tr>
<tr><td height="15"></td></tr>
<tr>
<td><img src="images/katalog/african.jpg" hspace="20" vspace="5"></td>
<td><img src="images/katalog/jungle.jpg" hspace="10" vspace="5"></td>
</tr>
<tr>
<td align="center"><a href="">Подробнее</a></td>
<td align="center"><a href="">Подробнее</a></td>
</tr>

Смотри Css файл, я думаю у тебя там прописаны свойства для тегов.

Кристина
На сайте с 05.06.2006
Offline
75
Кристина
#2
MASTAKILLA:
Смотри Css файл, я думаю у тебя там прописаны свойства для тегов.

нет... этого там нет...я думаю в html-коде что-то не так прописано

[Удален]
#3
Кристина:
Весь текст и картинки сдвинуты влево. А надо чтобы по центру.
Помогите!

Вот код:

<td rowspan="10" width="1" bgcolor="#000000"></td>
<td rowspan="10" width="50%" height="100%" background="images/bg1223.jpg" style="background-position:left top; background-repeat:repeat-y"></td>
</tr>
<tr>
<td valign="top" height="100%" background="images/bg011.jpg">
<table cellpadding="0" cellspacing="0" border="0" height="100%">

<tr>
<td width="513" height="100%" background="images/bg01.jpg" style="background-repeat:no-repeat;background-position:top" valign="top">
<div style="padding-left:74px;padding-top:11px;" class="bg">
<a href="" class="bg">Предыдущая</a>&nbsp;|&nbsp;
<a href="" class="bg">Следующая</a></div>
<div style="padding-left:15px;padding-top:30px;">
<table cellpadding="0" cellspacing="0" border="0" bordercolor="red">
<tr><td height="5"></td></tr>
<tr>
<td><img src="images/katalog/ataman.jpg" hspace="20" vspace="3"></td>
<td><img src="images/katalog/rak.jpg" hspace="10" vspace="3"></td>
</tr>
<tr>
<td align="center"><a href="">Подробнее</a></td>
<td align="center"><a href="">Подробнее</a></td>
</tr>
<tr><td height="15"></td></tr>
<tr>
<td><img src="images/katalog/african.jpg" hspace="20" vspace="5"></td>
<td><img src="images/katalog/jungle.jpg" hspace="10" vspace="5"></td>
</tr>
<tr>
<td align="center"><a href="">Подробнее</a></td>
<td align="center"><a href="">Подробнее</a></td>
</tr>

Самое простое: tr идущий после тега talbe приравняйте к align=center

Sadie
На сайте с 11.04.2005
Offline
64
Sadie
#4

- можете в таблице воспользоваться атрибутом align="center": <td align="center"><img...></td>. У вас, кстати, текстовые надписи "Подробнее" так и сделаны.

- можете просто пользоваться тегом <center>

Новости без комплексов (http://www.kompleksov.net/) | ЖЖ (http://sad-sadie.livejournal.com/)
CR
На сайте с 28.04.2006
Offline
11
cgstudio.ru
#5

Кристина, теперь все по центру

<td rowspan="10" width="1" bgcolor="#000000"></td>

<td rowspan="10" width="50%" height="100%" background="images/bg1223.jpg" style="background-position:left top; background-repeat:repeat-y"></td>

</tr>

<tr>

<td valign="top" height="100%" background="images/bg011.jpg">

<table cellpadding="0" cellspacing="0" border="0" height="100%">

<tr>

<td width="513" height="100%" align="center" valign="top" background="images/bg01.jpg" style="background-repeat:no-repeat;background-position:top">

<div style="padding-left:74px;padding-top:11px;" class="bg">

<a href="" class="bg">Предыдущая</a>&nbsp;|&nbsp;

<a href="" class="bg">Следующая</a></div>

<div style="padding-left:15px;padding-top:30px;">

<table cellpadding="0" cellspacing="0" border="0" bordercolor="red">

<tr><td height="5"></td></tr>

<tr>

<td align="center"><img src="images/katalog/ataman.jpg" hspace="20" vspace="3"></td>

<td align="center"><img src="images/katalog/rak.jpg" hspace="10" vspace="3"></td>

</tr>

<tr>

<td align="center"><a href="">Подробнее</a></td>

<td align="center"><a href="">Подробнее</a></td>

</tr>

<tr><td height="15"></td></tr>

<tr>

<td align="center"><img src="images/katalog/african.jpg" hspace="20" vspace="5"></td>

<td align="center"><img src="images/katalog/jungle.jpg" hspace="10" vspace="5"></td>

</tr>

<tr>

<td align="center"><a href="">Подробнее</a></td>

<td align="center"><a href="">Подробнее</a></td>

</tr>

www.cgstudio.ru (http://www.cgstudio.ru) -- продвижение сайтов, раскрутка сайтов, создание сайтов -- и чего только не делаем с сайтами
Роман Мандрик Вирусный маркетинг: ТИЦ: интересные изменения 13-01-07 Октябрь 2011: итоги и
Кристина
На сайте с 05.06.2006
Offline
75
Кристина
#6
cgstudio.ru:
Кристина, теперь все по центру

<td rowspan="10" width="1" bgcolor="#000000"></td>
<td rowspan="10" width="50%" height="100%" background="images/bg1223.jpg" style="background-position:left top; background-repeat:repeat-y"></td>
</tr>
<tr>
<td valign="top" height="100%" background="images/bg011.jpg">
<table cellpadding="0" cellspacing="0" border="0" height="100%">

<tr>
<td width="513" height="100%" align="center" valign="top" background="images/bg01.jpg" style="background-repeat:no-repeat;background-position:top">
<div style="padding-left:74px;padding-top:11px;" class="bg">
<a href="" class="bg">Предыдущая</a>&nbsp;|&nbsp;
<a href="" class="bg">Следующая</a></div>
<div style="padding-left:15px;padding-top:30px;">
<table cellpadding="0" cellspacing="0" border="0" bordercolor="red">
<tr><td height="5"></td></tr>
<tr>
<td align="center"><img src="images/katalog/ataman.jpg" hspace="20" vspace="3"></td>
<td align="center"><img src="images/katalog/rak.jpg" hspace="10" vspace="3"></td>
</tr>
<tr>
<td align="center"><a href="">Подробнее</a></td>
<td align="center"><a href="">Подробнее</a></td>
</tr>
<tr><td height="15"></td></tr>
<tr>
<td align="center"><img src="images/katalog/african.jpg" hspace="20" vspace="5"></td>
<td align="center"><img src="images/katalog/jungle.jpg" hspace="10" vspace="5"></td>
</tr>
<tr>
<td align="center"><a href="">Подробнее</a></td>
<td align="center"><a href="">Подробнее</a></td>
</tr>

ничего не помгает:(:(:(:(

[Удален]
#7

Кристина, лучше ссылку дайте, а то так не интересно. Подозреваю, что внешняя табличка не под всю ширину вытянута - вот все к левому краю и тянет.

Кристина
На сайте с 05.06.2006
Offline
75
Кристина
#8
Miha Kuzmin (KMY):
Кристина, лучше ссылку дайте, а то так не интересно. Подозреваю, что внешняя табличка не под всю ширину вытянута - вот все к левому краю и тянет.

скинула в личку

[Удален]
#9

Я бы на вашем месте взял тупую ложку и с ее помощью лишил бы верстальщика мужеских органов... сейчас поправлю.

[Удален]
#10

Хотя нет, переутомился уже. Нестандартный, скажем так, ум это делал. Переверстать проще :)

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий