Фильтр по:
  

Верстка шаблона из PSD под ucoz

Если вы пришли за помощью, то Вам сюда...

  • Страница 1 из 1
  • 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Верстка шаблона из PSD под ucoz
Верстка шаблона из PSD под ucoz
Дата: Воскресенье, 05.05.2013, 12:15 |
resident
Сержант
Группа: Пользователи
Сообщений: 29
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, привет.

Изучил основы html и css. Практикуюсь в верстке шаблонов из PSD макетов.

Вот первый шаблон который я выбрал для верстки


Шаблон верстается для сайтов ucoz. Хотелось бы заручиться вашей поддержкой при верстке.

Верстаю сразу на сайте там и структуру можно увидеть и css.

Первый вопрос который хотелось бы решить - фоновая картинки body.
если в верхней части появляется админбар, то фон сдвигается и получается все очень некрасиво

Прикрепления: 0092505.jpg (457.2 Kb) · 4900484.jpg (34.6 Kb)

 
Дата: Воскресенье, 05.05.2013, 14:45 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 resident,
Цитата (resident, Вс, 05.05.2013, 12:15:33)
Хотелось бы заручиться вашей поддержкой при верстке.

Не прокатит )

Цитата (resident, Вс, 05.05.2013, 12:15:33)
Первый вопрос который хотелось бы решить - фоновая картинки body.
если в верхней части появляется админбар, то фон сдвигается и получается все очень некрасиво

Прописывай фон не к header а к wrapper например..
И убери вот это:
Код
outline: 1px solid #000000;

..

 
Дата: Воскресенье, 05.05.2013, 23:21 |
resident
Сержант
Группа: Пользователи
Сообщений: 29
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, спасибо за совет, с этим разобрался благодаря тебе.

Сейчас встал такой вопрос.

Я убрал фиксированную высоту для блока с контентом #content и после этого footer поднялся в верх сайта
Еще заметил, что если убрать у блока #iContent - position:absolute; то блок footer спускается вниз сайта..

как поправить просвяти пожалуйста

 
Дата: Понедельник, 06.05.2013, 00:20 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 resident,
Цитата (resident, Вс, 05.05.2013, 23:21:51)
как поправить просвяти пожалуйста

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

 
Дата: Понедельник, 06.05.2013, 01:54 |
resident
Сержант
Группа: Пользователи
Сообщений: 29
Награды: 0
Репутация: 0
Статус: Offline


 likbezz,

Собственно вся загвоздка была тут:
Код

     <div id="content">
         <div id="iContent">
         </div>
     </div>
  


#content является родителем блока #iContent

#iContent был абсолютно позиционирован, что не давало родительскому блоку принять его высоту.

Решение - position: relative; для блока #iContent

 
Дата: Понедельник, 06.05.2013, 02:00 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 resident,
Цитата (resident, Пн, 06.05.2013, 01:54:19)
#iContent был абсолютно позиционирован, что не давало родительскому блоку принять его высоту.

А, собственно, зачем применять абсолютное позиционирование в столь простом шаблоне?
Это не есть айс, тем более для таких .. глобальных блоков, как Контент, шапка, Футер..
Это допустимо в мелких деталях, где можно четко контролировать ситуацию - два/три уровня вложения.. а так, считаю можно легко обойтись и без этого. А с учетом того что у ИЕ вообще проблемы с этим.. так и вообще, не “можно” а “нужно”.

 
Дата: Понедельник, 06.05.2013, 11:24 |
resident
Сержант
Группа: Пользователи
Сообщений: 29
Награды: 0
Репутация: 0
Статус: Offline
Цитата (likbezz, Пн, 06.05.2013, 01:00:49)
А, собственно, зачем применять абсолютное позиционирование в столь простом шаблоне?

Я не видел другого решения. Мне нужно было вывести дочерний блок #iContent выше границ родительского блока.

Как оказалось было и другое решение.

Да и вообще мне сейчас свойственно допускать ошибки - это мой первый шаблон, который я верстаю.

 
Дата: Понедельник, 06.05.2013, 23:39 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 resident,
Цитата (resident)
Да и вообще мне сейчас свойственно допускать ошибки - это мой первый шаблон, который я верстаю.

Ну да ) все верно, не ошибается тот, кто ничего не делает )

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Верстка шаблона из PSD под ucoz
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия