За последние 24 часа нас посетили 63120 программистов и 1742 робота. Сейчас ищут 980 программистов ...

выровнять содержимое td

Тема в разделе "HTML и CSS", создана пользователем franko, 23 фев 2011.

  1. franko

    franko Активный пользователь

    С нами с:
    19 ноя 2010
    Сообщения:
    30
    Симпатии:
    1
    не получается выровнять 2 ячейки по центру строки

    PHP:
    1. <tr><center>
    2.     <td><img src="code/my_codegen.php"></td>
    3.     <td><input type="text" name="code"></td>
    4. </center></tr>
     
    #1 franko, 23 фев 2011
  2. tommyangelo

    tommyangelo Старожил

    С нами с:
    6 дек 2009
    Сообщения:
    2.549
    Симпатии:
    0
    Адрес:
    Мариуполь
    <tr>
    <td style="text-align:center"><img src="code/my_codegen.php"></td>
    <td style="text-align:center"><input type="text" name="code"></td>
    </tr>
     
    #2 tommyangelo, 23 фев 2011
  3. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    рекомендую использовать по жизни "удобные классы" =)

    [css]/*///////////////////////////////////////////////////////////////////////////////////////
    ////////////////// Handy classes //////////////////////////////////////////////////////
    ///////////////////////////////////////////////////////////////////////////////////////*/

    .hidden {display: none;}
    .collapse {border-collapse: collapse !important;}
    .right {text-align: right !important;}
    .left {text-align: left !important;}
    .center {text-align: center !important;}
    .bottom {vertical-align: bottom !important;}
    .top {vertical-align: top !important;}

    .fright {float: right;}
    .fleft {float: left;}

    .cboth {clear: both;}

    .inline {display: inline;}
    .block {display: block;}
    .bordernone {border: none;}
    .bordernone td {border: none;}
    .bordernone tbody {border: none;}

    img {border: 0px;}
    a {text-decoration: none;}
    a:hover {}[/css]

    ну и так далее
     
    #3 igordata, 23 фев 2011
  4. franko

    franko Активный пользователь

    С нами с:
    19 ноя 2010
    Сообщения:
    30
    Симпатии:
    1
    К сожалению, <img src="code/my_codegen.php"> выравнен по левому краю
     
    #4 franko, 23 фев 2011
  5. Апельсин

    Апельсин Активный пользователь

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    [​IMG]
    ячейки не могут быть выровнены по центру строки. можно выровнять их содержимое. и у тега td есть атрибут align.
     
    #5 Апельсин, 23 фев 2011
  6. franko

    franko Активный пользователь

    С нами с:
    19 ноя 2010
    Сообщения:
    30
    Симпатии:
    1
    как выровнять <td style="text-align:center"><img src="code/my_codegen.php"></td> - картинка не центру стоит
     
    #6 franko, 23 фев 2011
  7. Invision

    Invision Активный пользователь

    С нами с:
    26 фев 2009
    Сообщения:
    1.437
    Симпатии:
    1
    Адрес:
    Томск
    <td align="center"><img src="code/my_codegen.php"></td>
    или
    <td style="float:center"><img src="code/my_codegen.php"></td>
     
    #7 Invision, 23 фев 2011
  8. Апельсин

    Апельсин Активный пользователь

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    [​IMG] [​IMG] [​IMG]
     
    #8 Апельсин, 23 фев 2011
  9. franko

    franko Активный пользователь

    С нами с:
    19 ноя 2010
    Сообщения:
    30
    Симпатии:
    1
    не помогло
     
    #9 franko, 23 фев 2011
  10. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    franko
    тебе по центру каждой ячейки надо?

    или по центру таблицы?

    если последнее - ну склей их <td colspan=1>
     
    #10 igordata, 24 фев 2011
  11. Апельсин

    Апельсин Активный пользователь

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    [​IMG]
    <td colspan=2> минимум. При 1 не имеет смысла.
     
    #11 Апельсин, 24 фев 2011
  12. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Апельсин
    о, у меня с этим большая проблема по-жизни. я даже не умею возраст высчитать. плюс-минус год от расчетного крепко сидит в голове.
     
    #12 igordata, 24 фев 2011
  13. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    жжёте, господа :-D
     
    #13 Gromo, 24 фев 2011
  14. franko

    franko Активный пользователь

    С нами с:
    19 ноя 2010
    Сообщения:
    30
    Симпатии:
    1
    не сдаемся!
     
    #14 franko, 24 фев 2011
  15. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    franko
    опиши проблему нормально. выровнять всю таблицу по центру, или только две ячейки из таблицы?
    сколько ячеек в таблице? ширина/размер ячеек отличается? что там содержится?

    покажи код, нарисуй в пейнте как хочешь чтобы было.
     
    #15 Gromo, 24 фев 2011
  16. franko

    franko Активный пользователь

    С нами с:
    19 ноя 2010
    Сообщения:
    30
    Симпатии:
    1
    тут нет возможности картинку загружать.
    код ты видел.
    картинку img - поцентру поставить надо в ячейке - сейчас картинка выровнена влево
     
    #16 franko, 24 фев 2011
  17. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    savepic.ru
     
    #17 Gromo, 24 фев 2011
  18. franko

    franko Активный пользователь

    С нами с:
    19 ноя 2010
    Сообщения:
    30
    Симпатии:
    1
    #18 franko, 24 фев 2011
  19. Апельсин

    Апельсин Активный пользователь

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    в первом td align="right", во втором align="left" :)
     
    #19 Апельсин, 24 фев 2011
  20. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    franko
    правильно заданный вопрос уже содержит в себе ответ.

    только лучше через цсс стили задавать выравнивание

    HTML:
    1. <td style="text-align: right;"><img src=""></td>
    2. <td style="text-align: left;"><input type="text"></td>
    вроде должно работать :)
     
    #20 Gromo, 24 фев 2011
  21. titch

    titch Активный пользователь

    С нами с:
    18 дек 2010
    Сообщения:
    847
    Симпатии:
    0
    у меня слёзы на глаза наворачиваются, когда я в этот топик захожу.... facepalm.jpg
     
    #21 titch, 24 фев 2011
  22. titch

    titch Активный пользователь

    С нами с:
    18 дек 2010
    Сообщения:
    847
    Симпатии:
    0
    HTML:
    1. <tr>
    2. <td><img style="float: right;" src="code/my_codegen.php"></td>
    3. <td><input style="float: left;" type="text" name="code"></td>
    4. </tr>
    работает 100%
     
    #22 titch, 24 фев 2011
  23. titch

    titch Активный пользователь

    С нами с:
    18 дек 2010
    Сообщения:
    847
    Симпатии:
    0
    [​IMG]
     
    #23 titch, 24 фев 2011
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)