Регистрация    Вход    Форум    Поиск    FAQ

  •  Новости
  • Beeline + Twitter = чирикай через SMS!

    Beeline + Twitter = чирикай через SMS! На первой картинке обозначены команды, при помощи которых через SMS Вы сможете кого-либо зафолловить или же отписаться, ретвитнуть чей-либо пост или же написать личное сообщение.

    Open Graph Protocol. От создателей Facebook

    Open Graph Protocol. От создателей Facebook Разбираясь с Facebook API, случайно наткнулся на другую интересную разработку от этих людей.

    Глобальное ускорение Wordpress

    Глобальное ускорение Wordpress Не считая очевидных решений типа отключения некоторых плагинов и перехода на тему попроще, я вижу 2 пути для оптимизации: кэширование и сжатие траффика.




  •  Часы


  •  Поиск

Optimaze » Программирование » Верстка DIVaми в DreamWeaver




Верстка DIVaми в DreamWeaver



    Сегодня хочу показать, как в dreamweaver сверстать страницу дивами. И так? Когда мы расматривали верстку таблицами, мы резали макет на картинки, для дивной верстки надо тоже порезаные картинки.

    Второй етап-заходим в dreamweaver находим такие строчки:layout->draw ap div.Получаеться просто после нажатия рисуем область дива, в которую будут помещены елементы.Сам dreamweaver пишет css код, но он пишет только размеры блока и расположении, после того,как нарисовали блок для одной картинки, просто перетаскиваем картинку в блок.

    Но такого рода создании блока есть еще один минус, изображение, которое вы перетащили дрим прописует не в css-свойстве, а как елемент,который находиться внутри блока.

    Надо понимать также, то что написал дрим,вам прийдеться все переписовать, как минимум двум причинам:

    • 1.настройка отступов.
    • 2. написания css для кадого браузера.

    Чесно говоря,после того, как сверстал пару страничек разных макетов, я решил для себя, что буду использовать шаблоны, все таки верстание для разных браузеров(имееться ввиду internet explorer ) для меня тяжеловато.

    Вернемся к нашим проблемам,сверстали страничку, все хорошо, но появляеться еще проблема, нам надо писать текст на сайте.Решаеться такого рода проблема очень просто, у меня есть два решения етой проблемы.

    1.

    • <div class="main">
    • <div class="text">  Текст </div>
    • </div>

    Видим, что можем сделать через вложенность блоков, тоисть блок, который отвечает за текст, находиться внутри того блока, в котором нам надо сделать вывод текста.

    2.

    • <div class="main">
    • <span class="text">
    • </span>

    В етом случае не используем дополнительный блок, а используем ,что являеться не очень хорошо, по той причине, что скоро(мне кажеться) канет в историю верстки, но пока от него не отказалися можно его использовать.

    Получился такой короткий пост, о верстке.



    Рейтинг: 4.5/5, основан на 25 голосах.


    Нравится



    Вернутся назад


       

    Вам будет интересно:

    HTML 5 – Часть 2. Интерактивный холст

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

    Глобальные респондеры

    В Prototype существует объект Ajax. Responders, который оповещается о каждом Ajax-запросе.

    C# pointer hell или как не попасть впросак

    Если нам надо в структуре использовать массив заданной величины, поэтому решение опять же в использование fixed.

    Восстановление NTFS в Ubuntu

    После перезагрузки Убунту заругалась и отказалась монтировать диск – мол, ошибки в структуре.



    •  Публикации


    8 методов раскрутки своего форума с нуля

    8 методов раскрутки своего форума с нуля Итак, у вас имеется свой собственный форум, но его никто не посещает? Мы готовы помочь вам справиться с этой нелегкой проблемой.

    Как привлекать посетителей на проект

    Как привлекать посетителей на проект Данная статья в основном рассчитана на тех, кто самостоятельно занимается продвижением своего проекта.

    Про MySQL, серверы и PayPal

    Про MySQL, серверы и PayPal Проклял все настройки кодировок, проклял DirectAdmin и еле-еле нашел то место где располагается и задается общий пароль для ...

    Реклама в Твиттере. Как подать свой продукт

    Реклама в Твиттере. Как подать свой продукт Твиттер уже давно стал из нового web 2. 0 сервиса рекламной площадкой с огромным количеством потенциальных пользователей ...

    Пока блог на локалхосте

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

    Авторитет блоггера притягивает

    Авторитет блоггера притягивает Долго не знал с чего начать данную статью. Статья что-то типа мыслей вслух и философии.