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

Discussion in 'Создание шаблона' started by Animatik, Nov 27, 2008.

  1. Offline

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

    Joined:
    Nov 27, 2008
    Messages:
    18
    Likes Received:
    0
    Gender:
    Male
    Дизайн шаблона - изображение (и контент) в центре экрана (1000х700 точек) вокруг повторяющийся фон.
    В зависимости от разрешения экрана иногда в центре виден стык (стык фона и таблицы).

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

    Joomla: 1.13 Верстка: табличная
     
    Last edited: Nov 27, 2008
    Animatik, Nov 27, 2008
    #1

  2. Ads Master

     
  3. Offline

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

    Joined:
    Apr 12, 2008
    Messages:
    2,171
    Likes Received:
    102
    Gender:
    Male
    Код (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}


    примерно так, на таблице тоже можно..
     
    _voland_, Nov 27, 2008
    #2
  4. Offline

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

    Joined:
    Nov 27, 2008
    Messages:
    18
    Likes Received:
    0
    Gender:
    Male
    Спасибо. Только я не работаю с div.

    Как сделать такое в табличной верстке?
     
    Last edited: Nov 27, 2008
    Animatik, Nov 27, 2008
    #3
  5. Offline

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

    Joined:
    Apr 12, 2008
    Messages:
    2,171
    Likes Received:
    102
    Gender:
    Male
    во первых.. это не php а html.. а во вторых полностью тебе писать шаблон никто не будет
     
    _voland_, Nov 27, 2008
    #4
  6. SanSan
    Offline

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

    Joined:
    Mar 4, 2006
    Messages:
    424
    Likes Received:
    18
    Gender:
    Male
    В табличной верстке это сделать можно примерно так:
    1. в body вставляешь таблицу шириной 100% и в строку ЭТОЙ таблицы бекграундом ставишь фон (повторение его задавай как хочешь в CSS)
    Главное - в этой строке задать выравнивание center.
    2. Дальше эту строку вставляешь другую таблицу, с нужной шириной (1000 рх)

    и будет счастье
     
    SanSan, Nov 28, 2008
    #5
  7. Offline

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

    Joined:
    Jan 23, 2009
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    Re: Верстка резинового шаблона (вопрос про резиновость) new

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

    я вот делал и делаю качественная HTML-верстка сайтов и веб-приложений и блоками норм делаю...
    а вот резинку у ми не получается...
    а Вы молодцы! :) завидую я вам) =)
     
    Last edited: Jan 23, 2009
    YukaZerg23, Jan 23, 2009
    #6
  8. SanSan
    Offline

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

    Joined:
    Mar 4, 2006
    Messages:
    424
    Likes Received:
    18
    Gender:
    Male
    А зачем завидовать? Правильнее взять и научиться делать самому, пробовать варианты, в т.ч. рекомендованные.
    Табличный резиновый шаблон не сложнее статичного: просто ширину таблицы установить в %% и она будет растягиваться.
    Нюансы постигаются экспериментами и практикой.

    _voland_ правильно сказал: за тебя никто шаблон писать не будет.
    Удачи и успехов
     
    SanSan, Jan 23, 2009
    #7
  9. Offline

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

    Joined:
    Jan 23, 2009
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    Re: Верстка резинового шаблона (вопрос про резиновость) new2

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

    возьмусь за ум! :)
     
    YukaZerg23, Jan 23, 2009
    #8
  10. agruts
    Offline

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

    Joined:
    Mar 1, 2006
    Messages:
    609
    Likes Received:
    21
    Gender:
    Male
    так сложно нагуглить основы хтмл с примерами?
    не нужно лепить несколько вложенныйх таблиц, одну для фона, другую для контента, когда можно обойтись рациональнее:
    Код (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>
     
    agruts, Jan 26, 2009
    #9
< Корректировка размещения и дизайна верхнего меню | Cтраница отображается не полностью >

Share This Page

Loading...