Помощник
 |
|
|
|
|
Сообщение сайта
|
 Изображение в правом нижнем углу |
kabachok
|
Сообщение
#1
|
||
|
0  Группа: User Сообщений: 11 Регистрация: 15.8.2010 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
vasvas7775
|
 12.3.2011, 21:07;
Ответить: vasvas7775
Сообщение
#2
|
 0 Группа: User Сообщений: 354 Регистрация: 12.11.2010 Поблагодарили: 0 раз Репутация: 0
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <style> body {margin: 0px auto;} #dd { position:absolute; right:0px; bottom:0px; width:100px; height:70px;} </style> </head> <body> <img id="dd" src="C:/Documents and Settings/All Users/Документы/Мои рисунки/Образцы рисунков/Зима.jpg" alt="" /> </body> </html> |
|
|
|
|
Serlutin
|
13.3.2011, 4:35;
Ответить: Serlutin
Сообщение
#3
|
|
0 Группа: User Сообщений: 18 Регистрация: 13.3.2011 Поблагодарили: 0 раз Репутация: 0
|
vasvas7775, зачем такие извращение с position: absolute, да и ещё лишний тег img добавлять?
Всё делается гораздо проще. <!DOCTYPE html>
<html> <head> <title></title> <style> html { background: url("image1.png") no-repeat bottom right; /* отбражаем справа (right) и снизу (bottom) */ } body { background: url("image2.jpg") no-repeat 0% 0%; /*можно выравнивать в процентах или пикселях, отсчитывая от верхнего левого угла. В данном случае отображается слева вверху*/ } </style> </head> <body> <!-- тут должно быть хоть что-нибудь, иначе фон в body не отбразится, в отличии от html --> </body> </html> |
|
|
|
|
Apay
|
13.3.2011, 10:22;
Ответить: Apay
Сообщение
#4
|
 0 Группа: User Сообщений: 3462 Регистрация: 4.2.2008 Поблагодарили: 0 раз Репутация: 0
|
Serlutin, эти извращения нужны потому что предложенный вами код нерабочий, то есть
1) если мало контента - картинка не справа внизу окошка а справа внизу контента (иногда выше середины окошка 2) если задать body: { background-color } то вообще чушь получается. |
|
|
|
|
Serlutin
|
13.3.2011, 15:29;
Ответить: Serlutin
Сообщение
#5
|
|
0 Группа: User Сообщений: 18 Регистрация: 13.3.2011 Поблагодарили: 0 раз Репутация: 0
|
Тогда уж и первый пример тоже не рабочий. При добавлении любого текста, он будет позади картинки, а картинка будет его накрывать.
Вообще, kabachok не очень правильно высказал свою мысль, как мне кажется. То что на сайте tema.ru называется прижатый футер и делается примерно так: Пример (весь код прокомментирован) |
|
|
|
|
Apay
|
13.3.2011, 18:20;
Ответить: Apay
Сообщение
#6
|
|
|
0 Группа: User Сообщений: 3462 Регистрация: 4.2.2008 Поблагодарили: 0 раз Репутация: 0
|
(Serlutin @ 13.3.2011, 17:29)  При добавлении любого текста, он будет позади картинки, а картинка будет его накрывать. в принципе верно, кажется общего решения нет, надо смотреть по ситуации
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
 Преобразую в вектор растровое изображениеДля первых двух готова делать бесплатно, за отзыв |
1 | ropique | 3093 | 18.5.2018, 22:26 автор: Gerga |
|
Магазин реселл-комплектов (курсов с правом перепродажи) Тиц: 10; Зона: ru; Трафик есть; С доходом |
2 | anspiker | 2493 | 23.5.2017, 14:56 автор: ksoft |
|
Как вывести текст при наведении на изображение? | 2 | meduza_hb | 7086 | 18.10.2016, 21:22 автор: -x-line- |
|
Изображение поверх сайта | 4 | tmait | 2099 | 9.8.2015, 18:27 автор: tmait |
|
Нужен код изображение с ссылкой для UMI.RU | 4 | Deferr | 3543 | 2.9.2014, 9:08 автор: -Deferr- |
|
Текстовая версия | Сейчас: 25.4.2024, 16:49 |
