Не получается правильно сделать таблицу Html

(Ответов: 9, Просмотров: 745)
  1. Дипломник
    • Регистрация: 01.09.2012
    • Сообщений: 107
    • Репутация: 6
    Возьмем для примера код

    Развернуть текст

    Код HTML:
    <p> <table cellspacing="2" cellpadding="2" width="402" border="1"><tbody> <tr> <td valign="top" width="220"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; border-left: 0px; display: block; padding-right: 0px" border="0" alt="image" src="http://clip2net.com/clip/m0/1377107576-clip-13kb.jpg" width="244" height="243" /></a></td> <td valign="top" width="174"> <h4><strong>Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст,</strong></h4> </td> </tr> <tr> <td valign="top" width="220">&nbsp;</td> <td valign="top" width="175">&nbsp;</td> </tr> </tbody></table></p>
    [свернуть]

    В Joomla получается нормально, как мне надо:
    Нажмите на изображение для увеличения.  Название:	1377108627-clip-24kb.jpg  Просмотров:	10  Размер:	62.5 Кб  ID:	11199
    А вот в Вордпресс засада, выходит так:
    Нажмите на изображение для увеличения.  Название:	1377108845-clip-23kb.jpg  Просмотров:	10  Размер:	64.7 Кб  ID:	11200

    И как мне сделать на Вордпресс, как на джумла?
    • 0
  2. [web-developer] Аватар для cOAPerator
    • Регистрация: 22.02.2011
    • Сообщений: 615
    • Репутация: 111
    • Webmoney BL: ?
    лишний кусок тега А
    Код HTML:
    <table cellspacing="2" cellpadding="2" width="402" border="1"> <tbody> <tr> <td valign="top" width="220"> <img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; border-left: 0px; display: block; padding-right: 0px" border="0" alt="image" src="http://clip2net.com/clip/m0/1377107576-clip-13kb.jpg" width="244" height="243" /> </a><!-- вот тут лишний кусок тега А --> </td> <td valign="top" width="174"> <h4> <strong>Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст,</strong> </h4> </td> </tr> <tr> <td valign="top" width="220">&nbsp;</td> <td valign="top" width="175">&nbsp;</td> </tr> </tbody> </table>
    на будущее, выносите стили в CSS
    Последний раз редактировалось cOAPerator; 21.08.2013 в 23:23.
    • 0
  3. Гуру Аватар для 3s777
    • Регистрация: 09.02.2013
    • Сообщений: 1,417
    • Репутация: 384
    • Webmoney BL: ?
    Движок сайта тут не причем. Проблема скорее всего где-то в вашем файле стилей css в вашей теме на wordpress. Ищите какие еще стили прописаны для используемых вами в теме тэгов.
    • 0
  4. Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,375
    • Записей в дневнике: 1
    • Репутация: 2506
    ставите для изображения вместо "float: none;" "float: left;"
    • 0
  5. Дипломник
    • Регистрация: 01.09.2012
    • Сообщений: 107
    • Репутация: 6
    Цитата Сообщение от ArhStrAngeR Посмотреть сообщение
    ставите для изображения вместо "float: none;" "float: left;"
    Не помогает, пробовал. Текст и картинка же находиться в разных ячейках, обтекание не должно влиять. На всякий случай пробовал align и valign для текста.


    Цитата Сообщение от 3s777 Посмотреть сообщение
    Движок сайта тут не причем. Проблема скорее всего где-то в вашем файле стилей css в вашей теме на wordpress. Ищите какие еще стили прописаны для используемых вами в теме тэгов.
    Пробовал на разных темах WP, на стандартной Twenty Twelve такая же каша.

    Нашел только в файрбаге строку "vertical-align: baseline;" при отключении которой текст вставал как надо.
    • 0
  6. Гуру Аватар для 3s777
    • Регистрация: 09.02.2013
    • Сообщений: 1,417
    • Репутация: 384
    • Webmoney BL: ?
    Цитата Сообщение от ilfatZX Посмотреть сообщение
    файрбаге строку "vertical-align: baseline;"
    к какому тэгу это прописано? Если при отключении нормально, просто уберите это свойство в вашем css
    • 0
  7. Дипломник
    • Регистрация: 01.09.2012
    • Сообщений: 107
    • Репутация: 6
    Вот к этим:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

    А потом ничего нигде не съедит
    • 0
  8. Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,375
    • Записей в дневнике: 1
    • Репутация: 2506
    ilfatZX,можно ссылку на сайт в лс, или стучите в аську сделаю за пару минут
    Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 33 сообщение(ий)):
    У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.
    • 0
  9. Гуру Аватар для 3s777
    • Регистрация: 09.02.2013
    • Сообщений: 1,417
    • Репутация: 384
    • Webmoney BL: ?
    найдите тэг к которому указано данное свойство, и пропишите для него такое к примеру такое "vertical-align: top;" или то что вас устраивает http://htmlbook.ru/css/vertical-align
    • 0
  10. Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,375
    • Записей в дневнике: 1
    • Репутация: 2506
    3s777,решил вопрос) практически так же, только нет top а middle
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Как правильно сделать
WordPress 10 27.03.2013 07:30
Знающие люди, подскажите, как сделать нужную мне таблицу
Оффтоп и свободные темы 6 04.09.2012 21:32
Как сделать таблицу на Вордпрессе?
WordPress 10 20.07.2012 11:55
НЕ получается сделать 301 редирект
Общие вопросы поисковой оптимизации 3 13.03.2012 16:46
Двойная таблица html, правильно ли это?
Web программирование 8 27.11.2011 20:48

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры