Add a background image to a div

Hello!

I have an image in a DIV#logo that is contained within a DIV.

<-- other DIVs and content here -->

Re: Add a background image to a div

Gazing into my crystal ball I observed Cristian
writing in news:1194134939.825448.36200@50g2000hsm.googlegroups.com:

> Hello!
>
> I have an image in a DIV#logo that is contained within a DIV.
>
>
>

>
>

>
>

>
><-- other DIVs and content here -->
>
>

Re: Add a background image to a div

On 3 nov, 18:58, Adrienne Boswell wrote:
> Gazing into my crystal ball I observed Cristian
> writing innews:1194134939.825448.36200@50g2000hsm.googlegroups.com:
>
>
>
> > Hello!
>
> > I have an image in a DIV#logo that is contained within a DIV.
>
> >
> >

>
> >

> >
> >

>
> ><-- other DIVs and content here -->
>
> >

Re: Add a background image to a div

"Cristian" wrote in message
news:1194138480.895484.144660@v3g2000hsg.googlegroups.com...
> On 3 nov, 18:58, Adrienne Boswell wrote:
>> Gazing into my crystal ball I observed Cristian
>> writing innews:1194134939.825448.36200@50g2000hsm.googlegroups.com:

>> > I have an image in a DIV#logo that is contained within a DIV.

> It's a relative URL,
>
> div#logo {
> background: url(data/img/corners.jpg);

One more little bit of information. If you had provided a URL up front the
problem would have been instantly identifiable.

> Does it make any difference?

a huge difference.

Let's *assume* you are using to an external CSS file, at some relative
location: cssfiles/file.css.

A background image specified inside that CSS file is relative to the
location of the CSS file, not that of the site. So your "relative" location
would in fact be:

cssfiles/data/img/corners.jpg.

Is my guesswork correct? :-)

--
Richard.

Re: Add a background image to a div

On 3 nov, 21:16, richard wrote:
> On Sun, 04 Nov 2007 00:08:59 -0000, Cristian wrote:
> > Hello!
>
> > I have an image in a DIV#logo that is contained within a DIV.
>
> >
> >

>
> >

> >
> >

>
> > <-- other DIVs and content here -->
>
> >

Re: Add a background image to a div

On 3 nov, 19:39, "rf" wrote:
> "Cristian" wrote in message
>
> news:1194138480.895484.144660@v3g2000hsg.googlegroups.com...
>
> > On 3 nov, 18:58, Adrienne Boswell wrote:
> >> Gazing into my crystal ball I observed Cristian
> >> writing innews:1194134939.825448.36200@50g2000hsm.googlegroups.com:
> >> > I have an image in a DIV#logo that is contained within a DIV.
> > It's a relative URL,
>
> > div#logo {
> > background: url(data/img/corners.jpg);
>
> One more little bit of information. If you had provided a URL up front the
> problem would have been instantly identifiable.
>
> > Does it make any difference?
>
> a huge difference.
>
> Let's *assume* you are using to an external CSS file, at some relative
> location: cssfiles/file.css.
>
> A background image specified inside that CSS file is relative to the
> location of the CSS file, not that of the site. So your "relative" location
> would in fact be:
>
> cssfiles/data/img/corners.jpg.
>
> Is my guesswork correct? :-)
>
> --
> Richard.

Sure is!
I thought it had to be relative to the HTML file. The Link was not so
relative after all :-)
Bye and Thanks everyone!

Re: Add a background image to a div

Cristian wrote:
> On 3 nov, 21:16, richard wrote:
>> On Sun, 04 Nov 2007 00:08:59 -0000, Cristian wrote:
>>> Hello!
>>> I have an image in a DIV#logo that is contained within a DIV.
>>>
>>>

>>>

>>>
>>>

>>> <-- other DIVs and content here -->
>>>

Re: Add a background image to a div

richard wrote:
> On Sun, 04 Nov 2007 00:58:51 GMT, Adrienne Boswell wrote:

>>>
>> Is url.jpg a real image? A URL would be helpful.
>
> Why? Can't you supply your own image and a bit of similar coding locally?
> Now I'll just bet that you were at this stage once and had the similar
> problems right? Or did you become an expert without reading the manual?

Because your quote suggestion is incorrect, and the most probable cause
is a relative path problem that a URL to the page in question would be
easy to diagnose.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: Add a background image to a div

On Sun, 04 Nov 2007 01:46:29 -0000, in alt.html Cristian
wrote:

>Now, my question is, Why the external css did not work, but the
>internal did? they do the same.
>
>EXTERNAL
>
>div#logo {
> background-image: url('dat/img/corners.jpg') red;
>}
>
>INTERNAL
>
>

Instead of 'background-image', try just 'background':

..marines {color: #660000; background: #acb78e
url(bg-marines.gif); border-color: #ff0033}

translation: dark rust red, swamp green/digital camouflage, medium red
--
William Hughes, San Antonio, Texas: cvproj@grandecom.net
The Carrier Project: http://home.grandecom.net/~cvproj/carrier.htm
Support Project Valour-IT: http://soldiersangels.org/valour/index.html

Re: Add a background image to a div

William Hughes wrote:

> Instead of 'background-image', try just 'background':
>
> .marines {color: #660000; background: #acb78e
> url(bg-marines.gif); border-color: #ff0033}
>
> translation: dark rust red, swamp green/digital camouflage, medium red

'background' is just a shortcut for all the properties
'background-color' + 'background-image' + 'background-position' ...

but that is not what his problem is here.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: Add a background image to a div

On Sun, 04 Nov 2007 00:58:51 GMT, Adrienne Boswell wrote:

> Gazing into my crystal ball I observed Cristian
> writing in news:1194134939.825448.36200@50g2000hsm.googlegroups.com:
>
>> Hello!
>>
>> I have an image in a DIV#logo that is contained within a DIV.
>>
>>
>>

>>
>>

>>
>>

>>
>><-- other DIVs and content here -->
>>
>>

Re: Add a background image to a div

On Sun, 04 Nov 2007 00:08:59 -0000, Cristian wrote:

> Hello!
>
> I have an image in a DIV#logo that is contained within a DIV.
>
>
>

>
>

>
>

>
> <-- other DIVs and content here -->
>
>

Re: Add a background image to a div

Well bust mah britches and call me cheeky, on Sun, 04 Nov 2007 03:09:32 GMT
richard scribed:

>> Is url.jpg a real image? A URL would be helpful.

> Why? Can't you supply your own image and a bit of similar coding locally?

I can't believe you said that but my new tolerance policy prevents me from
elaborating on idiotic statements.

> Now I'll just bet that you were at this stage once and had the similar
> problems right?

I was once a beginner but my worst problem was picking my nose and eating
it.

> Or did you become an expert without reading the manual?

Actually, yes, I did. Why, are you still struggling _with_ the manual?

--
Bone Ur
Cavemen have formidable pheromones.

Re: Add a background image to a div

"Bone Ur" wrote in message
news:Xns99DDD5EB39D16boneurhyphe@85.214.62.108...
> Well bust mah britches and call me cheeky, on Sun, 04 Nov 2007 03:09:32
> GMT
> richard scribed:
>
>>> Is url.jpg a real image? A URL would be helpful.
>
>> Why? Can't you supply your own image and a bit of similar coding locally?
>
> I can't believe you said that but my new tolerance policy prevents me from
> elaborating on idiotic statements.

And, as has been proven, this would have achieved nothing at all. Adrienne
would have got it right, not knowing the information the OP did not provide.

:-)

--
Richard.

Re: Add a background image to a div

Well bust mah britches and call me cheeky, on Sun, 04 Nov 2007 05:52:55
GMT rf scribed:

>>>> Is url.jpg a real image? A URL would be helpful.
>>
>>> Why? Can't you supply your own image and a bit of similar coding
>>> locally?
>>
>> I can't believe you said that but my new tolerance policy prevents me
>> from elaborating on idiotic statements.
>
> And, as has been proven, this would have achieved nothing at all.
> Adrienne would have got it right, not knowing the information the OP
> did not provide.

Yep, without question. That's why a url is so important, but what got me
is that the replier implies people should respond using their own time and
resources to compensate for laziness or clueless behavior. Not this
wombat!

> :-)
>

--
Bone Ur

When I was a young man I learned that having sex with a woman is fun until
you either get caught or married.

Re: Add a background image to a div

"Bone Ur" wrote in message
news:Xns99DE17D2FB8CBboneurhyphe@85.214.62.108...
> Well bust mah britches and call me cheeky, on Sun, 04 Nov 2007 05:52:55
> GMT rf scribed:
>
>>>>> Is url.jpg a real image? A URL would be helpful.
>>>
>>>> Why? Can't you supply your own image and a bit of similar coding
>>>> locally?
>>>
>>> I can't believe you said that but my new tolerance policy prevents me
>>> from elaborating on idiotic statements.
>>
>> And, as has been proven, this would have achieved nothing at all.
>> Adrienne would have got it right, not knowing the information the OP
>> did not provide.
>
> Yep, without question. That's why a url is so important, but what got me
> is that the replier implies people should respond using their own time and
> resources to compensate for laziness or clueless behavior. Not this
> wombat!

Let me introduce you to the other "Richard". If it is whom I think it is
then you are in for some interesting times :-)

--
Richard.

Re: Add a background image to a div

On Sat, 03 Nov 2007 23:01:37 -0400, in alt.html "Jonathan N. Little"
wrote:

>William Hughes wrote:
>
>> Instead of 'background-image', try just 'background':
>>
>> .marines {color: #660000; background: #acb78e
>> url(bg-marines.gif); border-color: #ff0033}
>>
>> translation: dark rust red, swamp green/digital camouflage, medium red
>
>'background' is just a shortcut for all the properties
>'background-color' + 'background-image' + 'background-position' ...

Exactly. My point was that it might be too specific.

>but that is not what his problem is here.

If you say so... :)
--
Support Project Valour-IT: http://soldiersangels.org/valour/index.html

Re: Add a background image to a div

William Hughes wrote:
> On Sat, 03 Nov 2007 23:01:37 -0400, in alt.html "Jonathan N. Little"
> wrote:
>
>> William Hughes wrote:
>>
>>> Instead of 'background-image', try just 'background':
>>>
>>> .marines {color: #660000; background: #acb78e
>>> url(bg-marines.gif); border-color: #ff0033}
>>>
>>> translation: dark rust red, swamp green/digital camouflage, medium red
>> 'background' is just a shortcut for all the properties
>> 'background-color' + 'background-image' + 'background-position' ...
>
> Exactly. My point was that it might be too specific.
>
>> but that is not what his problem is here.
>
> If you say so... :)

It wasn't. If you are specifying a background image and it doesn't
display just changing the property from 'background-image' to
'background' will *not* solve the problem. So, no your suggestion wan
not a possible solution for the OP.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: Add a background image to a div

Well bust mah britches and call me cheeky, on Sun, 04 Nov 2007 10:19:37
GMT rf scribed:

>> Yep, without question. That's why a url is so important, but what
>> got me is that the replier implies people should respond using their
>> own time and resources to compensate for laziness or clueless
>> behavior. Not this wombat!
>
> Let me introduce you to the other "Richard". If it is whom I think it
> is then you are in for some interesting times :-)

Oh oh. Yes, I have had trouble with various "Richard"s in the past, but
fortunately, other even more irascible varmints have come along in a timely
manner to help redirect my sticky dickish conundrums. Just goes to show
ya, people as a whole are beneficial even when they might be acting like
clueless babes in the woods. :-)

--
Bone Ur

When I was a young man I learned that having sex with a woman is fun until
you either get caught or married.