За последние 24 часа нас посетили 17997 программистов и 1649 роботов. Сейчас ищут 1550 программистов ...

Помогите чайнику! как четко наложить формы на фон?

Тема в разделе "HTML и CSS", создана пользователем kavlis, 5 авг 2009.

  1. kavlis

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

    С нами с:
    5 авг 2009
    Сообщения:
    4
    Симпатии:
    0
    Здравствуйте! Я здесь новенькая, поэтому простите, если не в тот раздел добавляю свою тему....

    Задачка такая.... Есть главная страничка сайта, где основа - это изображение дисконтных карт разных фирм.... так вот на каждой из этих карт должны располагаться 2 формы ввода - номер карты и PIN + submit ОК... таких карт + форм должно быть порядка 9 штук... где-то поля ввода будут активны, где-то нет.
    Также под каждой из карт должны будут располагаться ссылки на пресс-релиз данной фирмы\компании.
    Итак вопрос: как осуществить эту, простую с первого взгляда задумку...? Сделать в фотошопе фоновую картинку с изображением этих карт, а дальше мучаться с наложением форм в нужные места? не вызовет ли изменение расширения экрана пользователя сдвиг? и есть ли другие пути?
    очень прошу помочь ... с логикой какая-то *опа, простите... все кажется предельно понятным, но как сделать - совсем не знаю... подскажите, пожалуйста...

    для наглядности эскизик (квадратики - карты, именно рисунок имитирующий настоящую карту с лого и полосой для прокатки, далее внизу Введите и поля ввода номера карты и ПИНа):

    [​IMG]
     
  2. Apple

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

    С нами с:
    13 янв 2007
    Сообщения:
    4.984
    Симпатии:
    2
    Меня прям прет от почерка девочек, которые ещё не ушли в программинг с головой =)
    А делается всё просто:

    1. Создаем фоновое изображение; его можно или нарезать, или разместить целиком
    2. Создаем слой фиксированного размера посередине страницы
    3. Размещаем рисунок внутри слоя
    4. Позиционируем все элементы относительно этого слоя, при этом увеничение разрешения не будет играть роли
    5. Избегать плавающих блоков, потому что они будут съезжать в крайних случаях

    Поскольку я таблицы терпеть не могу, расписал так, как бы сделал я на DIV-ах.
     
  3. kavlis

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

    С нами с:
    5 авг 2009
    Сообщения:
    4
    Симпатии:
    0
    Apple, для меня это совсем не просто (((((((
    а кто-нибудь может терпеть таблицы? ))))
     
  4. V1T

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

    С нами с:
    7 окт 2008
    Сообщения:
    311
    Симпатии:
    0
    Адрес:
    Крым
    тебе советую делать таблицы, так как на блоках всё расплывётся у тебя если не с первого, то со второго этапа.
    Если можеш таблицу строить, то начинай делать табличкой, и вообще лучше начинать учиться на таблицах..
     
  5. kavlis

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

    С нами с:
    5 авг 2009
    Сообщения:
    4
    Симпатии:
    0
    таблицами и ячейками в них, т.е. каждый клиент туда помещается как отдельная таблица, помещенная в <TD> элемент верхней таблицы и соответственно в ней же можно вроде задать картинкой фон - так?
     
  6. V1T

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

    С нами с:
    7 окт 2008
    Сообщения:
    311
    Симпатии:
    0
    Адрес:
    Крым
    От себя могу сказать, что я учился верстать сразу с дивов, да и таблицы не пригодились мне вовсе уже,впринципи, тут кому как удобнее..
    елси ты так будеш делать, то ты просто запутаешся в сотнях строчек своего кода....Лучше учись строить на дивах сразу
     
  7. kavlis

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

    С нами с:
    5 авг 2009
    Сообщения:
    4
    Симпатии:
    0
    ок, спасибо всем за советом, более - менее структурировала мысли и ушла читать-читать-читать... мы Сибиряки очень упрямые... мне нужна ОДНА страничка и она у меня будет )))))