|
|
Posted by Cristian on 11/04/07 01:46
On 3 nov, 21:16, richard <uan...@spam.not> 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.
>
> > <BODY>
> > <DIV ID="container">
>
> > <DIV ID="logo">
> > <IMG SRC="url">
> > </DIV>
>
> > <-- other DIVs and content here -->
>
> > </DIV>
> > <BODY>
>
> > I want to set an image background to the DIV#logo. This is the code I
> > am using:
>
> > div#logo {
> > background: url(url.jpg) red;
> > }
>
> > But the background image won't show up. I can see the red background
> > color. I've taken the image in the HTML away, I've added padding to
> > DIV#logo to see if the background image appears, but nothing happens.
>
> > I hope someone can help me.
>
> > Thanks in advance!
>
> http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image
>
> Something simple you failed to recall from the instructions.
> We have all been there done that so don't worry about it.
I added the ' to the URL (I usually don't forget to add it), but it
didn't cause any effect. After that, I added an internal css like
this:
<style type="text/css">
div#logo
{
background-image:
url('dat/img/corners.jpg');
}
</style>
And it Worked!
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
<style type="text/css">
div#logo
{
background-image:
url('dat/img/corners.jpg');
}
</style>
[Back to original message]
|