Создание и продвижение сайтов, материалы веб-мастеру!
Способы заработка, свой бизнес в интернете!

Подписка с помощью RSS
(читателей: 955)

Читать в соц. сетях:

Обновляемый сборник Способы заработка в интернете

Учебное пособие
Свой бизнес на файлах (пошагово)

Вход | Регистрация | Напомнить пароль

Коллекция плагинов для WordPress

Язык запросов поиска Яндекса

Что делать если украли деньги с WebMoney

Пассивный доход за счёт инвестирования Куда сегодня можно вложить деньги

Инструкции и методы решения различных задач

Раздел "Инструкции и методы"

Основа данного раздела - это пошаговые описания решений определённых задач в сайтостроении (вёрстка, web-дизайн, программирование и прочее), примеры решения различных трудностей с помощью полезного софта, а также некоторые другие интересные материалы

Все инструкции и методы одним списком

Как избавиться от обтекания содержания?

Обтекание содержания

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

Для начала, предлагаю вам скачать доп. файлы.

Открыв файл “demo_1.html” вы увидите пример проблемы с главным контейнером. Чтобы избавиться от нее, к главному контейнеру добавим
overflow: auto; или overflow: hiddden;.

Сброс обтекания текста



      container {

	overflow: auto;

}

Свойство overflow: hiddden; может пригодиться для избавления от обтекания содержания вокруг плавающего элемента.

Плавающие блоки



.image {

	float: left;

}

.text { overflow: hidden; }

Нюансы

Кроме преимуществ данного метода, у него есть и недостатки:
из-за применения overflow: auto; в случае, если текст или содержание не умещается в контейнере, появляется полоска прокрутки. Это происходит, когда у вас есть большое изображение или длинный текст.

Страница в файле “demo_2.html” наглядно показывает подобную ситуацию.

Чтобы избавится от проблемы с длинным текстом, контейнеру добавляем свойство word-wrap: break-word;.



.container {

	word-wrap: break-word;

А в случае с большим изображением используем свойство max-width: 100%;, которое изменит его размеры в соответствии с размерами контейнера.



.container img {

	max-width: 100%;

	height: auto;

}

Уникальный продукт "Мегаплан" - программа учета финансов, все ваши финансовые операции в одном месте.

Приёмы web-дизайна

Если Вам понравился данный материал, Вы можете подписаться на получение новых публикаций сайта с помощью RSS-ленты или E-mail-рассылки:

RSS-подписчиков: 955 | E-mail-подписчиков: 691

Спасибо Вам за добавление данной страницы в социальные сервисы:

Ещё инструкции и методы...


Небольшой рассказ о видах хостинга
Не игнорируйте :focus
Меню "аккордеон"
Блок (информер) апдейтов поисковых систем для своего сайта
Знакомство с Firebug
@-правила в CSS
Определяем тип браузера с использованием JQuery
PHP и проблемы со строками в UTF-8
Бесплатные WISIWYG редакторы
Выезжающая панель на Mootools

Задать вопрос или оставить комментарий

Вы можете поделиться своим мнением по теме или задать возникшие вопросы ниже в комментариях. Спасибо!

Чтобы получить подробный ответ на ряд возникших вопросов или если требуется детальная помощь в решении какой-либо задачи, можно воспользоваться данной формой. Ответы на вопросы, заданные через указанную форму, публикуются в разделе "Вопросы пользователей".

Отправить комментарий

Ваше имя:

Адрес e-mail:

Содержание этого поля является приватным и не предназначено к показу.

Домашняя страница:

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

Формат ввода

Filtered HTML

Допустимые HTML-теги: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tbody> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <strike> <caption> <noindex>
Адреса страниц и электронной почты автоматически преобразуются в ссылки.
Строки и параграфы переносятся автоматически.

Full HTML

Строки и параграфы переносятся автоматически.
Адреса страниц и электронной почты автоматически преобразуются в ссылки.

Подробнее о форматировании

КАПЧА

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

Математический вопрос: * 7 + 2 =

Решите эту простую математическую задачу и введите результат. То есть для 1+3, введите 4.

РАЗДЕЛЫ САЙТА

Статьи, обзоры

Электронные книги

Видеоуроки веб-мастеру

Инструкции и методы

Способы заработка

Полноценный бизнес

Партнёрские программы

Мои эксперименты

К-лог файлообменников

Шаблоны WordPress

Вопросы пользователей

"Жирные" ссылки

Интернет, новости

Архивы по месяцам

еще

Статьи, обзоры

Последние публикации раздела
"Статьи, обзоры"

Все статьи, обзоры >>

Электронные книги

Последние публикации раздела
"Электронные книги"

Все книги >>

Видеоуроки

Последние публикации раздела
"Видеоуроки веб-мастеру"

Все видеоуроки >>

Инструкции, методы

Последние публикации раздела
"Инструкции и методы"

Все инструкции >>

Способы заработка

Последние публикации раздела
"Способы заработка"

Все способы >>

Партнёрки

Последние публикации раздела
"Партнёрские программы"

Все партнёрки >>

Файлообменники

Последние публикации раздела
"Каталог файлообменников"

Все файлообменники >>

Темы WordPress

Последние публикации раздела
"Шаблоны для WordPress"

Все шаблоны >>

Вопросы

Последние публикации раздела
"Вопросы пользователей"

Все вопросы >>

МЕНЮ РАЗДЕЛА

Статистика по сайтам

Свои сайты

Всего своих сайтов: 16
(активно продвигаются: 5)

Сайты клиентов

На продвижении: 2
Ещё могу взять: 3

Мои услуги по созданию и продвижению сайтов

Апдейты

Яндекс тИЦ	13.04.2012
Яндекс выдача	17.05.2012
Google PR	03.05.2012

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

Я зарабатываю

Основной вид моей деятельности в сети - это создание качественных сайтов, продвижение и последующий заработок с них, а также создание и продвижение сайтов клиентов

Заработок на своих сайтах

Продажа "вечных" ссылок:

Лидер среди бирж "вечных" ссылок. Принимаются только качественные сайты, возрастом не менее 6 месяцев и с тИЦ не менее 10, >>

В данной бирже цены процентов на 25-40% ниже, но модерация приёма сайтов значительно мягче, >>

Самая качественная биржа продажи "вечных" мест под статьи оптимизаторов с их ссылками (постовых нет), >>

Продажа ссылок на время:

Лучшее решение для сайтов с большим количеством страниц и тИЦ от 10 (основная масса сылок раскупается в течение двух недель), >>

Самая популярная и всем известная биржа автоматической продажи ссылок, >>

Также достаточно популярная биржа. Имеет свои определённые особенности, >>

Продажа контекстной рекламы:

Рекламная сеть Яндекса через ЦОП "Profit Partner". Принимаются сайты с посещаемостью от 300 хостов в сутки, >>

Рекламная сеть Google AdSense. Принимаются сайты с любой посещаемостью, не нарушающие правила системы, >>

Продажа тизерной рекламы:

На мой взгляд, лучшая тизерная сеть как для веб-мастера, так и для рекламодателя. Цена клика в среднем 0,5-2,5 руб., >>

Тизерная рекламная сеть под женский трафик. Минимальная стоимость клика - 0,70 руб., >>

Разного рода партнёрские программы:

В основном - это как дополнительный заработок при наличии возможностей, >>

Другие виды заработка

Заработок на файлообменниках:

Вы можете ознакомится с моей книгой о заработке на файлообменниках - это то, с чего я когда-то начинал, >>

Заработок на платниках:

Платники данного проекта, как показывает практика, наиболее конвертируемые и в определённые периоды могут приносить вполне существенные доходы, >>

Вложение денежных средств:

Инвестирование в ПАММ-счета трейдеров на рынке Форекс. Здесь можно ознакомиться с моими результатами, >>

Мои базы

SHERRY - качественная база трастовых сайтов

"Жирные" ссылки с трастовых сайтов: бесплатно повышаем тИЦ и продвигаем запросы

Подробно о базе SHERRY >>

JEAN - уникальная база посещаемых DLE-сайтов

База содержит более 1000 DLE-сайтов для постинга с посещаемостью от 2000 посетителей в сутки

Подробно о базе JEAN >>