За последние 24 часа нас посетили 16903 программиста и 1312 роботов. Сейчас ищут 1402 программиста ...

2 надписи в 1 строке

Тема в разделе "HTML и CSS", создана пользователем Ponchik, 4 мар 2008.

  1. Ponchik

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

    С нами с:
    7 июн 2006
    Сообщения:
    208
    Симпатии:
    0
    Доброго времени суток!
    У меня страная проблема, никогда не подумалбы что с такой проблемой можно столкнуться...
    В общем мне надо чтобы по середине была надпись 123 а справа а углу 456 я пробовал
    HTML:
    1. <div align="center">123</div><div align="right">456</div>
    Не получается, текст переносится на новую строку,с <p> тоже самое, много чего пробовал даже, таблицей не получается...
    ПРошу не предлогать 100 пробелов или наложение текста сверху на страницу по кординатам
     
  2. dAllonE

    dAllonE Guest

    HTML:
    1.  
    2. <style type="text/css">
    3.     #right{
    4. float: right;
    5. text-align: right;
    6. }
    7.  
    8. #center{
    9. text-align: center;
    10. }
    11. #clear_div{
    12. clear: right;
    13. }
    14.  
    15. <div id="right">456</div>
    16. <div id="center">123</div>
    17. <div id='clear_div'></div>
    18.  
     
  3. Ponchik

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

    С нами с:
    7 июн 2006
    Сообщения:
    208
    Симпатии:
    0
    Спасибо большое, получилось!
    Только текст по середине от начала страницы до правого текста :lol:
    [​IMG]
    Вот приветствие должно быть посередине а справа выбор языка... Приветствие съежает влево
    --------
    Я снёс приветствие вправо, так всё красиво, спасибо ещё раз :D
     
  4. Demon

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

    С нами с:
    20 апр 2006
    Сообщения:
    239
    Симпатии:
    0
    HTML:
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2.  
    3. <title>Untitled</title>
    4. <style type="text/css">
    5. <!--
    6. #line {
    7. float: left;
    8. width: 100%;
    9. text-align: center;
    10. background-color: wheat;
    11. height: 20px;
    12. }
    13. #line div {
    14. background-color: silver;
    15. right: 0;
    16. position: absolute;
    17. }
    18. -->
    19.  
    20. </head>
    21. <div id="line"><div>{LANG_MENU}</div>{WELCOME_MSG}</div>
    22. </body>
    23. </html>