Перейти к публикации

Рекомендованные сообщения

Есть где нибудь нормальный учебник по верстке в DIV? Хочу попробывать поучить это дело, сам начал пробывать, не много что и получается... Хотелось бы с примерами учебник какой нибудь.

Ссылка на сообщение
Поделиться на других сайтах

Есть где нибудь нормальный учебник по верстке в DIV? Хочу попробывать поучить это дело, сам начал пробывать, не много что и получается... Хотелось бы с примерами учебник какой нибудь.

Всмысле CSS? :)

Ссылка на сообщение
Поделиться на других сайтах

Есть где нибудь нормальный учебник по верстке в DIV? Хочу попробывать поучить это дело, сам начал пробывать, не много что и получается... Хотелось бы с примерами учебник какой нибудь.

Яндекс с Гуглом - лучшие учителя :)

Ссылка на сообщение
Поделиться на других сайтах

Учебника, как такового именно по верстке дивами наверное нет. Нужен просто интерес к этому процессу и много практики. Ну и как выше сказали - гугл.

Ссылка на сообщение
Поделиться на других сайтах

Да уже обгуглил и обьяндексил все... Толком ничего... Только например создание страничек с разметкой типа: шапка, левый-правый блок, подвал...

А например такие моменты чтобы правый отсупал от левого на растоянии 20пикселей и при этом левый был на 25% экрана, а правый на 75% нету... Пробывал по примеру табличной, так получалось примерно, но когда пытаюсь сделать отсут от левого, сразу правый соскакивает вниз...

Ну и всякие такие тонкости хотелось бы посмотреть что да как...

Ссылка на сообщение
Поделиться на других сайтах

но когда пытаюсь сделать отсут от левого, сразу правый соскакивает вниз...

А куда ему деваться, блок в блоке и у внутреннего делайте отступ.

Ссылка на сообщение
Поделиться на других сайтах

Тут почитайте, уверен, что почерпнете для себя что-то новое. И вообще это очень хороший сайт, пользуюсь им уже лет 6 минимум.

А например такие моменты чтобы правый отсупал от левого на растоянии 20пикселей и при этом левый был на 25% экрана, а правый на 75% нету... Пробывал по примеру табличной, так получалось примерно, но когда пытаюсь сделать отсут от левого, сразу правый соскакивает вниз...

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


<div style="float:left; width:25%; border:1px solid red; height:300px"></div>

<div style="margin-left:27%; border:1px solid blue; height:300px"></div>

Ссылка на сообщение
Поделиться на других сайтах

Вообще 25+75=100, так что у вас будет полюбому перескакивание. Вообще лучше используйте в большинстве случаев не проценты - красивее будет.

<div style="float:left; width:25%; border:1px solid red; height:300px"></div>

<div style="float:left; margin-left:20px; width:70%; border:1px solid red; height:300px"></div>

<div style="clear:both;></div>

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...