моя первая работа

[121990]

1. Начал подключать изображения и столкнулся с проблемой. Как сделать две полоски резиновыми? Да, и нижнюю полосу я склеил с листьями в один слой.

2. Еще сохраняю изображение с прозначностью в 50%, но когда вставляю его в файл оно полностью закрывает текст. Прозрачность исчезает.

Edited April 18, 2010 by 121990

[slicemasta]

1 делаете контейнер на 100% и задаете ему в качестве фона картинку с размерами 1пкс в ширину и сколько нужно в длину, множите ее по оси х:

div.line {
	background: url(../images/bg.gif) 0 0 repeat-x;
	width: 100%;
	height: 14px;
}

2 тут чуть не понятно если картинка в пнг24 с прозрачностью и ложиться поверх текста то все должно быть нормально и прозрачность отрабатывать как надо ( в ие6 с этим свои проблемы правда).

Технически сделать блок, картинку прозрачным в ксс2 нельзя, появиться такая возможность в ксс3 помоему, но в ие есть для этого фильтры, но опят же это не кроссбраузерно, лучший выход имхо использовать opacity из библиотеки jquery

[121990]

1 делаете контейнер на 100% и задаете ему в качестве фона картинку с размерами 1пкс в ширину и сколько нужно в длину, множите ее по оси х:

Так у меня верхняя полоса, отдельным слоем от нижней... Два фона же не сделаешь.

[sigma77]

121990,

Повесь один на html, а второй на body.

Или сделай нижнюю полосу отдельным дивом.

Edited April 18, 2010 by sigma77

[121990]

BODY {
background-image: url(po.jpg);
width: 100%;
height: 14px;
}

Делается просто фоном. Растягивется на всю страницу.

Edited April 18, 2010 by 121990

[sigma77]

Просто оставь body {background: url(po.jpg) repeat-x;}

Про бекграунд читай:

http://htmlbook.ru/css/background.html

http://htmlbook.ru/css/background-attachment.html

http://htmlbook.ru/css/background-color.html

http://htmlbook.ru/css/background-image.html

http://htmlbook.ru/css/background-position.html

http://htmlbook.ru/css/background-repeat.html

Ширину в 100% задавать не надо.

Зачем тебе у боди высота в 14px? У тебя же там еще контент будет.

[121990]

Верхнюю часть подключил.

Нижнию пробовал отдельным дивом, или привязывал к html. И, ничего

[sigma77]

Значит что-то не так делаешь.

html {background: url(1.png) bottom repeat-x;}

[121990]

Да ошибка была, я написал baclground.

Вставляется, но вверху. Вниз никак не хочет опускаться. Я и через background-position пробовал.

[sigma77]

121990,

Покажи код. На html вешаешь низ, на body верх.

[121990]

BODY {
background: url(po.jpg) repeat-x;
}

HTML {
background: url(lst.jpg) bottom repeat-x;
}

Я две полосы и листы склеил в один слой. Сохранил 1280х1024 привязал к BODY, так все получилось.

Может так и оставить?

[121990]

Еще есть вопрос.

A {
text-decoration: underline;
}
A:hover {
text-decoration: none;
}

Применяется ко всем ссылкам на странице. А мне нужно сделать например к трем ссылкам. Как ссылки в группу объединить, и задать им значение? Тут же через див никак не сделаешь

[sigma77]

121990,

Например задать ссылкам какой нибудь класс.

Но лучше тебе начать сначала:

http://stepbystep.htmlbook.ru/

http://htmlbook.ru/content/

http://htmlbook.ru/faq/

[121990]

Чего-то перечитывать заново все, влом.

Например задать ссылкам какой нибудь класс.

Этого бы хватило.

И скажи еще пожалуйста, куда готовую страницу закинуть можно? Как тут делают....

[sigma77]

На любой бесплатный хостинг. Проще всего для начала на narod.ru