За последние 24 часа нас посетили 18528 программистов и 1599 роботов. Сейчас ищут 909 программистов ...

Установк формы регистрации по размеру экрана

Тема в разделе "Прочие вопросы по PHP", создана пользователем MorGan-id, 8 окт 2013.

  1. MorGan-id

    MorGan-id Новичок

    С нами с:
    8 окт 2013
    Сообщения:
    4
    Симпатии:
    0
    Добрый день
    Хочу создать страничку поставить на нее задний фон и на этом фоне установить форму регистрации вот так:
    [​IMG]
    Задний фон у меня по размеру экрана сам сужается и расширяется в зависимости от разрешения экрана монитора
    а как мне сделать форму регистрации в определенном месте страницы что бы она тоже автоматически сужалась и расширялась по экрану в соответствии симметрии рисунка заднего фона ?
    Заранее благодарен за советы!
     
  2. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Либо js или можно min-width, min-height.
     
  3. MorGan-id

    MorGan-id Новичок

    С нами с:
    8 окт 2013
    Сообщения:
    4
    Симпатии:
    0
    А можете на примере кода показать как сделать ?
     
  4. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.819
    Симпатии:
    1.333
    Адрес:
    Лень
    Код (Text):
    1. <html>
    2. <head>
    3.         <style>
    4. body {
    5. background-color: #7b3f00;
    6. margin: auto;
    7. max-width: 500px;
    8. padding-top: 200;
    9. }
    10. .logo {
    11. background-color: lime;
    12.  
    13. }
    14. </style>
    15.     </head>
    16.     <body>
    17.         <div class="logo">
    18.             <center>
    19.                 <img src="http://alltwwk.ru/theme/twwk/images/logo.png" alt="Logo">
    20.             </center>
    21.         </div>
    22.    
    23. </body></html>
    горизонтальность забыл :\
     
  5. MorGan-id

    MorGan-id Новичок

    С нами с:
    8 окт 2013
    Сообщения:
    4
    Симпатии:
    0
    попробовал но ни чего не вышло с этим кодом
    картинка у меня не уменьшается автоматически с малым разрешение браузера
    а саму фому регистрации как сюда впихнуть не пойму
     
  6. Slavka

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

    С нами с:
    1 окт 2013
    Сообщения:
    722
    Симпатии:
    41
    стоп - вы учите создавать сайты но сами спрашивайте как сделать динамику ? ^_^

    jquery В помошь.. там гдето было
     
  7. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    А я сказал, что?
     
  8. MorGan-id

    MorGan-id Новичок

    С нами с:
    8 окт 2013
    Сообщения:
    4
    Симпатии:
    0
    Вы меня не правильно поняли я имел ввиду не подходит в моем случае

    Добавлено спустя 6 минут 58 секунд:
    А подскажите как сделать картинку поверх одной большего размера картинку меньшего размера
    мне надо что бы картинки обе были резиновые и уменьшались вместе с окном браузера
    я делал так в HTML прописывал
    Код (Text):
    1. <body id="ident"></body>
    а в CSS
    Код (Text):
    1. #ident {
    2.     background-attachment: fixed;
    3.     background-image: url(/internet-seminar/callme/bg_2.png);
    4.     background-position: center center;
    5.     background-repeat: no-repeat;
    6.     background-size: 100% 100%, auto auto;
    7.     font-family: 'Tinos',serif;
    8. }
    картинка растягивается и уменьшается по размеру браузера
    но вторую картинку с этими параметрами в CSS не могу наложить поверх первой
    вторая картинка с парамерами в CSS нужно сделать такими
    Код (Text):
    1. #ident {
    2.     background-attachment: fixed;
    3.     background-image: url(/internet-seminar/callme/bg_3.png);
    4.     background-position: left 20 top 50;
    5.     background-repeat: no-repeat;
    6.     background-size: 50% 50%, auto auto;
    7.     font-family: 'Tinos',serif;
    8. }
    Мне надо что бы маленькая картинка была всегда в одном месте большой и не смещалась относительно большой и уменьшалась в разных разрешениях браузера
    Это первая большая картинка резиновая http://427485.zz.mu/internet-seminar/1.php
    Это вторая меньшего размера тоже резиновая http://427485.zz.mu/internet-seminar1/1.php
    Их надо наложить одну на другую
    Подскажите ?
     
  9. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Вам нужно знать минимальную ширину, если уже монитор больше или отдаляем(.
    Картинка будет увеличиваться в диаметре от состояния ширины при увеличении.
    Как обычно.
    Фотографии резиновые будут?