Фиксирование

[Feers1de]

Добрый день всем!

Я начал верстать макет, в задании сказано:

  Quote

Все фикс. Абсолютно все блоки фиксированной шириной и длиной.

Т.к. я новичёк, мне хотелось бы узнать, что это и как это сделать?

Насколько я понял это делается вот так:

body {
				background: #ffffff;
				background-image: url(images/bg.gif);
				width: fix;
				height: fix;
			}

Edited September 17, 2011 by Feers1de

[Feers1de]

  On 9/17/2011 at 2:05 PM, Vlad said:

Метод тыка здесь плохо применим, вы будете так долго учиться. Начните всё-таки с азов CSS, а не с вёрстки, иначе ничего хорошего не получится.

Спасибо за совет. Если моим методом не получится, то я сначала начну с изучения азов Css

[Nekromancer]

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

[Feers1de]

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

А получается вот так:

Если добавить тег <br>, то абзац получится в 3 строки. Пробовал использовать в Css свойство, связанное с отменой обтекания (не помню название) - не получилось. Есть какие-нибудь предложения?

[Softlink]

я делал через float:left.

[Feers1de]

  On 9/17/2011 at 3:32 PM, Softlink said:

я делал через float:left.

У меня так же. Тогда в чём проблема?

[Softlink]

http://jsfiddle.net/SdvNG/

[Int]

Делай одной картинкой

[Feers1de]

Возник ещё 1 вопрос - как сделать отступ между буквами? Искал искал на этом сайте, так и не нашёл. Может кто подскажет?

Извиняюсь, уже нашёл.

[Feers1de]

Почему я никак не могу поставить изображение через CSS?

Вот код css:

#maininfo {
	background: url(images\maininfo.gif);
	position: fixed;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

Код html:

<div id="maininfo">
</div>

Почему мне всегда приходится делать это через HTML?

p.s. верстаю я постоянно на локальном компьютере, путь вроде правильно прописываю.

[Vlad]

background: url(images/maininfo.gif);
position: fixed;
top: 20px;
right: 100px;
height: 100px;
width: 100px;

Никаких auto.

[Softlink]

да и слеш не в ту сторону смотрит у вас

[sigma77]

Feers1de,

Путь относительно css прописываешь?

Где находится стиливой файл?

[Feers1de]

Кстати, есть ли разница, какую слеш использовать? Просто в ссылке у меня сначало было (images\maininfo.gif) - изображание не показывалось, а после того, как я сделал вот так (images/maininfo.gif) - изображение появилось.

  On 9/18/2011 at 9:22 AM, sigma77 said:

Feers1de,

Путь относительно css прописываешь?

Где находится стиливой файл?

Стилевой файл находится с там же, где и html файл. Сначала пробовал создать папку для стилевого файла - и такое ощущение, что ссылка не работала. Щас попробую кое-что сделать, кажется понял, почему я не смог подключить css, который находился на папку выше.

Попробовал сейчас засунуть стилевой файл на папку выше (styles) и изменить направление слешей и веб-страница сразу же перестала читать css. Что за бред?

[Nekromancer]

  On 9/18/2011 at 9:31 AM, Feers1de said:

Кстати, есть ли разница, какую слеш использовать? Просто в ссылке у меня сначало было (images\maininfo.gif) - изображание не показывалось, а после того, как я сделал вот так (images/maininfo.gif) - изображение появилось.

Вот вы сами ответили на свой вопрос. Если с один с слешем работает, а с другим нет, то наверно же есть разница, не правда ли?

Правильный слеш этот - '/' - как описывается в спецификации URL и как можете видеть в строке состояния браузера. Обратный слеш, этот - '\' используется для отображения путей в Виндоус. Он никакого отношения не имеет к URL.

[Feers1de]

Ну, это понятно. Я пробовал подключать Css через правильный слеш, и не получалось. Вот я и спрашиваю, что за бред?

[Nekromancer]

Ну так расскажите подробнее какая у вас структура папок получилась и что конкретно пишите в css.

[Feers1de]

Вот моя структура папок:

Папка styles пустая.

  Quote

и что конкретно пишите в css.

Немного не понял вас....

[Nekromancer]

  On 9/18/2011 at 9:54 AM, Feers1de said:

  Quote

и что конкретно пишите в css.

Немного не понял вас....

Какие пути в css к картинкам указываете ну и какой путь в html файле к css файлу тоже.

[Feers1de]

Блин, извиняюсь народ, ступил я

У меня ведь папка со стилевыми файлами находится в "корневой папке" так же, как и папка с изображениями. Когда css файл находился в корневой папке, я путь к изображениям указывал вот так:

background: url(images/container1.gif) no-repeat;

А когда я css засунул на путь выше, мне нужно было просто перед url изображениями поставить ../, чего я и не сделал.

[Nekromancer]

Бывает.

[Feers1de]

Когда я добавил блок "Кадры из фильма" чуть ниже 2-ух верхних, у меня сразу же он вылез за окно браузера, а полосы прокрутки не добавляет.

Пробовал добавлять свойство overflow-y, сам скролл добавился, а прокрутить нельзя никак. Что можно сделать в этой ситуации?

[Feers1de]

И вообще, если всё фиксированое, то как вообще можно добавить нижние блоки, которые показаны на макете? Или я что-то не понимаю?

[Feers1de]

  On 9/18/2011 at 11:19 AM, Feers1de said:

И вообще, если всё фиксированое, то как вообще можно добавить нижние блоки, которые показаны на макете? Или я что-то не понимаю?

[sigma77]

  On 9/18/2011 at 11:19 AM, Feers1de said:

И вообще, если всё фиксированое, то как вообще можно добавить нижние блоки, которые показаны на макете? Или я что-то не понимаю?

А в чём сложность? Также как и все остальные - <div></div>...

[Feers1de]

  On 9/18/2011 at 2:47 PM, sigma77 said:

  On 9/18/2011 at 11:19 AM, Feers1de said:

И вообще, если всё фиксированое, то как вообще можно добавить нижние блоки, которые показаны на макете? Или я что-то не понимаю?

А в чём сложность? Также как и все остальные - <div></div>...

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