/    Sign up×
Community /Pin to ProfileBookmark

can’t download a specific image

Hi all,
I’m trying to save an image from a page on a web site and It doesn’t
appear on the page info on the media tab.
I see on firebug the image on the css file as a backround image:

.art-header:before {
background-image: url(“../images/header.png”);

any one knows pls how to save this image?
?

to post a comment
CSS

10 Comments(s)

Copy linkTweet thisAlerts:
@cootheadFeb 12.2012 — Hi there wbee,

and a warm welcome to these forums. ?

Give us the link to the site and we will give you the image. ?

[i]coothead[/i]
Copy linkTweet thisAlerts:
@wbeeauthorFeb 13.2012 — Hi coothead
Copy linkTweet thisAlerts:
@wbeeauthorFeb 13.2012 — Tnx for the help but I've already done it.

I have another question pls,

take a look at this site :http://www.case4you.se/

How do they make the white big frame in the middle of the page? is it devided of three

parts of pictures of something else?

investigating with firebug I saw 2 pics: sheet.png and sheet_b.png but I dont see the top, pls your advise..tnx
Copy linkTweet thisAlerts:
@cootheadFeb 14.2012 — Hi there wbee,

here is a basic example...
[color=navy]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">

<title></title>

<style type="text/css">
body {
margin-top:10px;
background-image:url('http://www.coothead.co.uk/images/blood.jpg');
background-size:100% 100%;
background-attachment:fixed;
font-family:verdana,arial.helvetica,sans-serif;
font-size:16px;
}
#container {
width:1080px;
margin:auto;
}
#top {
line-height:100px;
margin-bottom:10px;
border-radius:30px;
background-color:rgba(0,0,160,0.4);
box-shadow:#000 5px 5px 10px;
font-size:150%;
color:#fff;
text-shadow:#000 1px 1px 4px;
text-align:center;
}
#content {
padding-bottom:2px; <br/>
border-radius:30px;
background-color:#fff;
box-shadow:#000 5px 5px 10px;
font-size:90%;
}
#left,#right {
float:left;
width:190px;
padding:20px;
}
#center {
float:left;
width:580px;
padding:20px;
}
#footer {
clear:both;
line-height:50px;
margin:0 2px;
background-color:#9cb5c9;
border-bottom-right-radius:28px;
border-bottom-left-radius:28px;
font-size:80%;
text-align:center;
}
&lt;/style&gt;

&lt;/head&gt;
&lt;body&gt;

&lt;div id="container"&gt;

&lt;div id="top"&gt;Top Box&lt;/div&gt;

&lt;div id="content"&gt;

&lt;div id="left"&gt;
&lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
&lt;/div&gt;

&lt;div id="center"&gt;
&lt;p&gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
ultricies sollicitudin nisi, ut molestie felis adipiscing sit
amet. Sed auctor vehicula commodo. Nam a nibh neque, vitae
faucibus felis. Vivamus at metus eget eros consequat fringilla.
Quisque magna magna, laoreet eu tempus sit amet, fringilla at
tellus. Praesent felis tortor, scelerisque vitae fringilla
non, porttitor et lacus. Ut ut sapien nec quam tincidunt
consectetur in nec lacus.
&lt;/p&gt;&lt;p&gt;
Phasellus porta, dui a elementum egestas, odio sapien rhoncus
lorem, vitae bibendum erat sem eget sapien. Maecenas ut metus
ac quam pellentesque lacinia quis sit amet augue. Fusce eu
euismod urna. Nunc volutpat scelerisque tempus. Donec eget arcu
et mauris scelerisque tristique. Donec fringilla mauris dolor,
sit amet vulputate lacus. Nulla feugiat mattis nulla non
tincidunt. Nam sit amet dolor eros, a viverra lacus. Nunc quis
nisi eget neque tempus facilisis eu quis sapien.
&lt;/p&gt;&lt;p&gt;
Ut et metus a massa rhoncus cursus. Integer luctus luctus enim,
tristique rhoncus enim feugiat eu. Etiam porttitor volutpat
massa sed congue. Sed eros nisl, volutpat ac dapibus quis,
ultricies id diam. Mauris at elit eget quam ullamcorper sagittis
ac vel lorem. Ut nec justo libero. Phasellus eget pharetra elit.
Proin viverra, neque non eleifend vehicula, nulla augue gravida
felis, non fermentum lorem odio ac nunc. Aliquam pretium
scelerisque consectetur. Proin ultrices urna non magna interdum
a sodales turpis suscipit. Mauris sollicitudin nisl ac arcu
sodales cursus. Maecenas bibendum neque vitae orci mollis ac
vulputate ante auctor. Sed sodales odio id ante sagittis
faucibus.
&lt;/p&gt;&lt;p&gt;
Curabitur gravida, neque id volutpat tincidunt, justo eros
interdum dui, nec mattis eros nunc a ipsum. Aenean in orci id
turpis luctus interdum nec ut est. Nunc lacinia sagittis nibh
vitae bibendum. Cras malesuada, felis vitae egestas aliquet,
mauris diam vehicula quam, eget scelerisque felis nulla id
tellus. Curabitur non laoreet dolor. Vestibulum sodales
hendrerit elit vitae eleifend. Praesent faucibus mauris sed erat
accumsan ac cursus lacus molestie. Donec a nisi a risus malesuada
molestie nec at odio. Maecenas eleifend tincidunt lacus nec
vulputate. Vestibulum eleifend pulvinar sem, sit amet auctor eros
pellentesque quis. Sed et nulla non eros auctor malesuada.
Vestibulum erat arcu, hendrerit vel cursus nec, sagittis vitae
sapien. Nulla facilisi. Sed nec molestie mauris. Donec non dui
urna.
&lt;/p&gt;&lt;p&gt;
Aenean vel velit vel metus congue ultrices non ut lorem. Sed
viverra quam sit amet libero vestibulum eget porta sem mattis.
Pellentesque tincidunt convallis justo eu iaculis. Suspendisse
ut dui ante, et malesuada nisi. Praesent aliquet congue nulla
volutpat posuere. Curabitur orci magna, egestas nec mollis nec,
dapibus in erat. Vestibulum cursus est mauris, non gravida elit.
Curabitur at diam nisi.
&lt;/p&gt;
&lt;/div&gt;&lt;!-- end #center --&gt;

&lt;div id="right"&gt;
&lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
&lt;/div&gt;

&lt;div id="footer"&gt;Copyright &amp;copy; 2012. All Rights Reserved&lt;/div&gt;

&lt;/div&gt;&lt;!-- end #content --&gt;

&lt;/div&gt;&lt;!-- end #container --&gt;

&lt;/body&gt;
&lt;/html&gt;
[/color]

[i]coothead[/i]
Copy linkTweet thisAlerts:
@wbeeauthorFeb 23.2012 — hey coothead,

this is exactly what I was looking for!!!

Thanks alot!!!
Copy linkTweet thisAlerts:
@cootheadFeb 23.2012 — [indent]No problem, you're very welcome. ?[/indent]
Copy linkTweet thisAlerts:
@wbeeauthorFeb 23.2012 — Hey,

I love this border-radius property but I see that only the newer browser versioons support this.(IE9+, Firefox 4+, Chrome).

How do u make it compatible with older versions?

I know that I can use images for this purpuse but I prefer this because it's easier.
Copy linkTweet thisAlerts:
@cootheadFeb 23.2012 — Hi there wbee,

I do not bother about older versions of IE. ?

I am certain that it's users will be quite content with square borders. ?

"[i]What the eye doesn't see, the heart doesn't grieve over[/i]".

[i]coothead[/i]
Copy linkTweet thisAlerts:
@wbeeauthorFeb 23.2012 — great!!

I'll take that as my mantra :-)
Copy linkTweet thisAlerts:
@TheAliveWinnerFeb 23.2012 — Hi there wbee,

I do not bother about older versions of IE. ?

I am certain that it's users will be quite content with square borders. ?

"[i]What the eye doesn't see, the heart doesn't grieve over[/i]".

[i]coothead[/i][/QUOTE]


? Great one!
×

Success!

Help @wbee spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...