Показано с 1 по 8 из 8

Тема: Шаблон на DIV'ах

  1. #1

    Регистрация
    11.11.2008
    Сообщений
    4
    Всем привет!
    Признаюсь, что в верстке я новичок.
    Во вложении картинка как должно быть.
    Комментарии по картинке. 1- окно браузера.
    2 - рамка с отступами от верха и низа окна браузера по 10px, толщина 1 px, цвет - любой, ширина 970 px, расположение по центру.*
    3 - область сверху снизу и по бокам шириной 10 px, цвет-белый.
    4 - заголовок шириной 100%, высотой 272px, расположение по центру рамки 2.
    5 - главная часть: ширина 100%, минимальная ширина 812px, высота от низа области 4 до верха области 6, расположение по центру рамки 2.
    6 - нижняя область: ширина 100%, высота 40px, должна быть всегда внизу экрана в независимости от наличия текста в области 5, расположение по центру рамки 2.
    Всё это добро должно нормально отображаться(как задумано) в IE, FF, Opera.
    Помогите люди добрые
    Или ткните носом, где можно прочитать, как это сделать.

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Если Вы хотите, чтобы кто-нибудь за Вас все это бесплатно сверстал, Вы пришли не по адресу. Если же Вы хотите чему-то научиться, то надо делать хоть какие-то попытки самостоятельно. И только в этом случае Вы сможете рассчитывать на какую-то помощь.

    Что касается «ткнуть носом» – Вам подойдет любая более-менее свежая литература. Список рекомендуемых книг Вы можете обнаружить в одной из прикрепленных тем вверху текущего раздела форума.

  3. #3

    Регистрация
    11.11.2008
    Сообщений
    4
    Что касается «ткнуть носом» – Вам подойдет любая более-менее свежая литература. Список рекомендуемых книг Вы можете обнаружить в одной из прикрепленных тем вверху текущего раздела форума.
    Прочитал весь блог Ивана Сагалаева, на который Вы ссылались в одной из тем. А также прочитал [Только зарегистрированные пользователи могут видеть ссылки. ] про CSS. Сейчас ваяю шаблон. Взял за основу Ваш трехколоночный с резиновой серединой. Так как в будущем планируется именно такая структура. Хотел спросить по этому поводу, можно его подогнать под то что я указал в картинке выше или лучше сразу делать по другому?

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Делаю и расчитываю.
    Вот как раз этого и не видно. Когда человек что-то делает и у него возникают какие-то проблемы, он обычно приводит примеры кода.

    Прочитал весь блог Ивана Сагалаева, на который Вы ссылались в одной из тем.
    Вот это очень хорошо. Только «прочитать» – это мало. Самое главное – это не только «прочитать», но и «понять», что возможно только в процессе практических занятий.

    Сейчас ваяю шаблон. Взял за основу Ваш трехколоночный с резиновой серединой. Так как в будущем планируется именно такая структура. Хотел спросить по этому поводу, можно его подогнать под то что я указал в картинке выше или лучше сразу делать по другому?
    Не совсем понятно, зачем Вам шаблон с резиновой серединой, если на прикрепленной Вами иллюстрации наблюдается фиксированный по ширине макет без колонок.

  5. #5

    Регистрация
    11.11.2008
    Сообщений
    4
    Подскажите как решить такой вопрос.


    Есть контейнер, с начальной фиксированной шириной и высотой, обрамленный div&#39;ом, в котором будут находиться <img>&#39;ы n-ное количество фиксированной ширины и высоты, каждый обрамлен div&#39;ом(не от меня зависящее условие).

    При уменьшении окна, ширина контейнера уменьшаеться и количество помещающихся имиджей по ширине контейнера уменьшается.

    Можно ли с помощью СSS отцентрировать по горизонтали эти имиджи(точнее дивы которые их обрамляют) относительно контейнера?

  6. #6

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Пример разметки приведите. Так мало что понятно.

  7. #7

    Регистрация
    11.11.2008
    Сообщений
    4
    Пример разметки приведите. Так мало что понятно.
    Блин.. набирал набирал *и тут глюк теперь все по новой..

    Немного поменялось задание.

    Сайт работает на Jommla. Делаю для сайта шаблон или точнее сказать шаблоны. Структура шаблона главной страницы как в первом посте. В области 5 выводится материал созданный в Joomla. Урезанный код, что у меня сейчас генерится во вложении code.txt. Файл стилей также прилагается.

    Проблема №1: как выровнять содержимое таблицы, расположенной в <div id = "centercontent">.

    На данный момент псевдо вырвнивание делаю с помощью укзания в скрипте ширины*<div id = "centercontent">. При развернутом окне влазит 5 имиджей потом с уменьшением ширины окна влазит 4 *имиджа и больше ширину*<div id = "centercontent"> не меняю. При этом выравниваются все ряды имиджей кроме последнего, а в последнем получается выравнивание по левому краю(точнее оно везде по левому, просто в последнем это видно ).

    Сейчас размеры <div id="container">, <div id="header">, <div id="content">, <div id = "centercontent"> и <div id="footer"> регулируются скриптом в зависимости от размера окна браузера.

    Проблема №2: Не знаю касается это верстки или нет.. В header вставлен флеш.. так вот при первой загрузке в ИЕ 6.0 этот флеш не отображается а при рефреше отбражается. В Опере все ок.

  8. #8

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Извините, по говнотаблицам – это не ко мне.

Похожие темы

  1. HTML шаблон
    от Dmitriko в разделе Дизайн сайтов
    Ответов: 2
    Последнее сообщение: 27.07.2012, 11:35
  2. Шаблон Div в 3 колонки
    от Xylitolq в разделе Вёрстка сайта
    Ответов: 35
    Последнее сообщение: 28.07.2009, 14:27
  3. Шаблон DIV в 3 колонки
    от Lann в разделе Вёрстка сайта
    Ответов: 18
    Последнее сообщение: 25.11.2007, 22:04
  4. Шаблон из html в php
    от Рёга в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 16.07.2007, 11:44
  5. шаблон для сайта
    от Amy в разделе Веб-программирование
    Ответов: 4
    Последнее сообщение: 25.05.2006, 13:23

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •