HTML фоновая картинка

kazak878

как в HTML страничке разместить фоновую картинку в нижнем левом углу? (картинка меньше по ширине и высоте саму страничку)
(просто background мостит все )
Не бейте меня если это баян, я только учусь пятый день ужо

yolki

background-repeat: no-repeat;
background-position: bottom left;
а вообще, советую глянуть на http://www.csszengarden.com/

kazak878

ой ой ой, а без CSS можна? а то я прогил 4 года назад и то только на ЭВМ
мне бы на простом html....
хотя почитаю, мож че пойму, спасибо

uncle17

без CSS можна?
неа

yolki

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

kazak878

а краткий экскурс как пользоваца CSS на русском есть где-нибудь?

kazak878

а еще лучше че надо сделать если не сильно ломает напишите плз

jonishko

Вставляй строчку style='background: url("image.gif") no-repeat left bottom' внутрь тэга
Где в аттрибуте url путь к фоновой картинке.

jonishko

вообще не люблю локальные стили оставлять, но так полагаю что особо ты их не используешь, выносить одну строчку в отдельный файл без мазы, оставляй локально
Ну, или можешь вначале странички, например между тэгами <head></head> вставить
<style type='text/css'>
.bkg{background: url("image.gif") no-repeat left bottom}
</style>
А в нужный тэг, куда вставляешь свой фон вставтить class='bkg', где bkg ты можешь назвать как тебе нравится

jonishko

ну и уж чего там мелочится, вдруг потом пригодится. В файл вынести это всё так.
Создаём текстовый файлик с названием например style, меняем расширение на .css, в него вставляем ту же самую строчку .bkg{background: url("image.gif") no-repeat left bottom}
Тогда вместо:
<style type='text/css'>
.bkg{background: url("image.gif") no-repeat left bottom}
</style>
Вставляем <link rel='stylesheet' type='text/css' href='style.css />
Где в аттрибуте href понятно относительный путь к файлу.
А в нужный тэг с нужным нам фоном также вставляем class='bkg'

jonishko

Итак, для бОльшего понимаю подвожу итог.
Выше даны три способа удовлетворяющие твоим потребностям.
Выбрать можно любой, какой тебе больше понравится.
А вообще, моё мнение такое:
1 способ. Самый простой и возможно оптимальный лично для тебя не использующего больше стили.
2 способ. Я бы использовал его, учитывая что больше мне стили нигде в коде не понадобятся, или может быть когда-нибудь что-нибудь ещё добавлю.
3 способ. Больше всего мне нравится и считаю его самым разумным, но под твою задачу использовать не стал бы
Оставить комментарий
Имя или ник:
Комментарий: