<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

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

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Проблемы с позиционированием блоков При помощи свойства float.
31.10.2013 19:14:14 Проблемы с позиционированием блоков При помощи свойства float. Сообщение #1
Веселый Дрозд

Веселый Дрозд

Новичок

Новичок

Дата регистрации:
15.08.2013 17:50:06

Сообщений: 4

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>block</title>
<meta content="text/html; charset:utf-8" http-equiv="Content-Type">
<link href="styles.css" type="text/css" rel="stylesheet">
#center{
background-color: #ff0
}
#list{
margin: 0 auto;
width: 900px;
}
#left{
background-color: #f00;
float: left;
width: 300px;
}
#right{
background-color: #f00;
float: right;
width: 300px;
}
</link>
</head>
<body>
<div id="list">
<ul>
<li id="left">
<a title="main" href="#">Main</a>
</li>
<li id="center">
<a title="about" href="#">About</a>
</li>
<li id="right">
<a title="contacts" href="#">Contacts</a>
</li>
</ul>
</div>
</body>
</html>

Вот как выглядят эти три поросенка
Профиль Ответить
31.10.2013 21:43:28 Проблемы с позиционированием блоков При помощи свойства float. Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

http://myrusakov.ru/html-block-makeup.html
Профиль Ответить
31.10.2013 22:54:43 Проблемы с позиционированием блоков При помощи свойства float. Сообщение #3
Веселый Дрозд

Веселый Дрозд

Новичок

Новичок

Дата регистрации:
15.08.2013 17:50:06

Сообщений: 4

Спасибо, Михаил. Менее важный вопрос, но все же любопытный. В видеокурсе "верстка сайта с нуля" Вы вроде не ставили отступы у центрального блока, однако он как-то сам встал правильно. Такое возможно?
P.S. Оказалось ошибка в порядке написания блоков в коде. Я писал сначала левый, потом центральный и за тем уже правый. Всю голову себе сломал, а оказалось, что имеет огромное значение писать сначала плавающие блоки. Хороший урок. Спасибо.
Профиль Ответить