Как я могу расположить мои html-элементы в макете, созданном с помощью photoshop?

#html #layout

#HTML #макет

Вопрос:

Я создал несколько графических макетов в photoshop и сделал их фоном для своего веб-сайта. Но я понятия не имею, как я могу разместить html-элементы в нужном месте. Проблема в том, что позиции html-элементов меняются в зависимости от размера браузера. Как я могу решить эту проблему? Есть какие-нибудь подсказки? Заранее спасибо!

Ответ №1:

Вам нужно изучить CSS.

  • Наберитесь терпения.
  • Будьте настойчивы.
  • Узнайте, какие версии IE чего не позволяют.

Комментарии:

1. Можете ли вы сообщить мне, какие свойства CSS я должен использовать, чтобы достичь того, чего я хочу?

2. Или вы можете порекомендовать мне соответствующий веб-сайт для его изучения, если таковой имеется?

3. @SEA В моем ответе есть ссылка на 20 разных сайтов. Что касается нужных вам свойств, я понятия не имею, не видя вашего дизайна, но звучит так, как вы хотите position: absolute .

4. Большое вам спасибо! Я начну с них.

Ответ №2:

начните отсюда: http://www.youtube.com/watch?v=GwQMnpUsj8I

Как только вы поймете основы, ознакомьтесь с сеточными системами, подобными этой: http://960.&s /

Ответ №3:

Вы должны знать, как использовать CSS, особенно для позиционирования html-элементов.

Также будьте осторожны с разными браузерами, потому что результат отображения может отличаться для каждого браузера.