Jump to content
  • 0

Рисунок в правом нижнем углу при уже имеющемся фоне

zancy

Asked by zancy,

 Share

Question

zancy Explorer

zancy

Posted
Posted

Мне необходимо в соответствии с дизайном сайта в правом нижнем углу нарисовать отгибающйся уголок тетрадного листа

Как его на пустом фоне в BODY нарисовать я знаю, но дело в том что у BODY уже назначен бэкграунд - разлинованный тетрадный лист,

Как можно поступить в этом случае?

Вот макет:

maket.jpg

Link to comment
Share on other sites

13 answers to this question

Recommended Posts

  • 0
Nekromancer Explorer

Nekromancer

Posted
Posted

картинка png фоном у отдельного блока.

стили блока:

#bottom-dec {position: absolute; bottom:0; right: 0; width: 50px; height: 50px; background: url('путь') center center no-repeat;} /*Ширина и высота естественно от балды взяты*/

Link to comment
Share on other sites
  • 0
zancy Explorer

zancy

Posted
  • Author
Posted

Спасибо, Nekromancer!

пример отлично работает в пределах одного экрана, но у меня страница со скроллингом, то есть общая высота страницы 1400px, а возможно и больше ( мне незвестна точная цифра) вот как мне в самый-самый низ страницы в правый угол поместить картинку отгибающегося уголка?

Link to comment
Share on other sites
  • 0
zancy Explorer

zancy

Posted
  • Author
Posted (edited)
мужики, а чё вы на html ничё не вешаете?

А что можно повесить? Может скриптом вычислять ширину-высоту рабочей страницы и потом приклеивать уголок к нужному месту?

Edited by zancy
Link to comment
Share on other sites
  • 0
zancy Explorer

zancy

Posted
  • Author
Posted
Ну так не за что, я просто смотрю, вы чёто заморачиваетесь ;)

Аха...заморачиваюсь. Тут новый прикол - оказалось в IE8 снизу и справа от уголка небольшие отступы есть, а в других версиях и браузерах (IE7, FF3,Opera) все просто идеально. Возможно это мои ошибки верстки, но у меня нет IE8 чтобы убедиться в этом.

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

Возьми и сделай так: Замути отдельный файл стилей для ИЕ8, подключись к нему с помощью Условных Комментариев, внутри будет Линк на этот Файл лист, В нём ты Обнули все отступы, какие тебе нужно и всё..

  <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" media="all" /><![endif]-->

И вообще сделай всё, что нужно в этом файле, чтобы в ИЕ8 нормально отображалось

Link to comment
Share on other sites
  • 0
sytrus Explorer

sytrus

Posted
Posted

Не люблю использовать position. Пишу как бы я поступил в данном случае с уголком:

<html>
<body>
<div id="page">
Здесь все остальное..
</div>
</body>
</html>

В стилях, для body делаем фон разлиновки, а для селектора page слой с уголком.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept