L
Lee Harris web
I have the following code which places a background image which doesnt
tile very well in a logo banner "frame" at the top of a page, such
that it always fills the window, whatever resolution is used
<DIV id=logo><IMG style="WIDTH: 100%; HEIGHT: 150px"
alt="Bombers Links Tours 2003"
src="images/2004banner.jpg"></DIV>
here is my CSS
#logo {
color: #000;
background-color: #b0ceb4;
border-bottom: 1px solid #000;
}
what I would like to do is have the img in the #logo css but still at
the 100% style and then be able to put a transparent bg gif in the
actual div on the webpage so it overlays on top of the background, but
that image would not be rescaled (but the bg underneath would)
so, something like this ( I know this isnt the right syntax - that is
what I am asking - is this possible, and what is the correct syntax to
achieve it?)
<DIV id=logo><IMG src="images/somethingelse.GIF"></DIV>
here is my CSS
#logo {
color: #000;
background-color: #b0ceb4;
border-bottom: 1px solid #000;
background-image:url (style="WIDTH: 100%; HEIGHT: 150px" alt="x"
src="images/2004banner.jpg")
}
thanks in advance
LeeH
tile very well in a logo banner "frame" at the top of a page, such
that it always fills the window, whatever resolution is used
<DIV id=logo><IMG style="WIDTH: 100%; HEIGHT: 150px"
alt="Bombers Links Tours 2003"
src="images/2004banner.jpg"></DIV>
here is my CSS
#logo {
color: #000;
background-color: #b0ceb4;
border-bottom: 1px solid #000;
}
what I would like to do is have the img in the #logo css but still at
the 100% style and then be able to put a transparent bg gif in the
actual div on the webpage so it overlays on top of the background, but
that image would not be rescaled (but the bg underneath would)
so, something like this ( I know this isnt the right syntax - that is
what I am asking - is this possible, and what is the correct syntax to
achieve it?)
<DIV id=logo><IMG src="images/somethingelse.GIF"></DIV>
here is my CSS
#logo {
color: #000;
background-color: #b0ceb4;
border-bottom: 1px solid #000;
background-image:url (style="WIDTH: 100%; HEIGHT: 150px" alt="x"
src="images/2004banner.jpg")
}
thanks in advance
LeeH