You are here: Re: Add a background image to a div « HTML « IT news, forums, messages
Re: Add a background image to a div

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>

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация