Верстка резинового шаблона (вопрос про резиновость)

Тема в разделе "Создание шаблона", создана пользователем Animatik, 27.11.2008.

  1. Offline

    Animatik Недавно здесь

    Регистрация:
    27.11.2008
    Сообщения:
    18
    Симпатии:
    0
    Пол:
    Мужской
    Дизайн шаблона - изображение (и контент) в центре экрана (1000х700 точек) вокруг повторяющийся фон.
    В зависимости от разрешения экрана иногда в центре виден стык (стык фона и таблицы).

    Вопрос: Возможно ли сделать чтобы фон растягивался (повторялся) из центра в стороны.

    Joomla: 1.13 Верстка: табличная
     
    Последнее редактирование: 27.11.2008
  2.  
  3. Offline

    _voland_ Местный => Cпециалист <=

    Регистрация:
    12.04.2008
    Сообщения:
    2 171
    Симпатии:
    102
    Пол:
    Мужской
    Код (PHP):
    1. <div center>
    2.    div left
    3.    div right
    4. center {
    5. width:1000;
    6. margin:auto;
    7. }
    8. left {
    9. position:absolute;
    10. right:0px;
    11. left:-400px;
    12. overflow:visible:
    13. background:left_bg}


    примерно так, на таблице тоже можно..
     
  4. Offline

    Animatik Недавно здесь

    Регистрация:
    27.11.2008
    Сообщения:
    18
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо. Только я не работаю с div.

    Как сделать такое в табличной верстке?
     
    Последнее редактирование: 27.11.2008
  5. Offline

    _voland_ Местный => Cпециалист <=

    Регистрация:
    12.04.2008
    Сообщения:
    2 171
    Симпатии:
    102
    Пол:
    Мужской
    во первых.. это не php а html.. а во вторых полностью тебе писать шаблон никто не будет
     
  6. SanSan
    Offline

    SanSan Недавно здесь

    Регистрация:
    04.03.2006
    Сообщения:
    424
    Симпатии:
    18
    Пол:
    Мужской
    В табличной верстке это сделать можно примерно так:
    1. в body вставляешь таблицу шириной 100% и в строку ЭТОЙ таблицы бекграундом ставишь фон (повторение его задавай как хочешь в CSS)
    Главное - в этой строке задать выравнивание center.
    2. Дальше эту строку вставляешь другую таблицу, с нужной шириной (1000 рх)

    и будет счастье
     
  7. Offline

    YukaZerg23 Недавно здесь

    Регистрация:
    23.01.2009
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Re: Верстка резинового шаблона (вопрос про резиновость) new

    :[ а у меня как-то это дело, с растягивание дизайна туго.

    я вот делал и делаю качественная HTML-верстка сайтов и веб-приложений и блоками норм делаю...
    а вот резинку у ми не получается...
    а Вы молодцы! :) завидую я вам) =)
     
    Последнее редактирование: 23.01.2009
  8. SanSan
    Offline

    SanSan Недавно здесь

    Регистрация:
    04.03.2006
    Сообщения:
    424
    Симпатии:
    18
    Пол:
    Мужской
    А зачем завидовать? Правильнее взять и научиться делать самому, пробовать варианты, в т.ч. рекомендованные.
    Табличный резиновый шаблон не сложнее статичного: просто ширину таблицы установить в %% и она будет растягиваться.
    Нюансы постигаются экспериментами и практикой.

    _voland_ правильно сказал: за тебя никто шаблон писать не будет.
    Удачи и успехов
     
  9. Offline

    YukaZerg23 Недавно здесь

    Регистрация:
    23.01.2009
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Re: Верстка резинового шаблона (вопрос про резиновость) new2

    :) Спасибо за напутственные слова):)

    возьмусь за ум! :)
     
  10. agruts
    Offline

    agruts Группа поддержки

    Регистрация:
    01.03.2006
    Сообщения:
    609
    Симпатии:
    21
    Пол:
    Мужской
    так сложно нагуглить основы хтмл с примерами?
    не нужно лепить несколько вложенныйх таблиц, одну для фона, другую для контента, когда можно обойтись рациональнее:
    Код (html):
    1. <style type="text/css">
    2. <!--
    3. body {
    4.     background-image: url(/images/background.png);
    5.     background-repeat: repeat;
    6.     background-position: center top;
    7. }
    8. -->
    9. </style>
    10. </head>
    11.  
    12. <body>
    13. <table width="1000" border="0" align="center">
    14.   <tr>
    15.     <td>&nbsp;</td>
    16.    </tr>
    17. </table>
    18. </body>
    19. </html>
     

Поделиться этой страницей

Загрузка...