PDA

View Full Version : CSS Image background


Luckyrare
27-01-2006, 06:44 PM
How can I show a image on the left and right via css?

I am using this at the mo


background-image: url(images/clouds_left.gif);
background-position: top left;
background-color: #1F587D;
background-image: url(images/clouds_right.gif);
background-position: top right;
background-repeat: no-repeat;

But it will only show one of the 2 image backgrounds

Can anyone help? Rep added+
n00blet
27-01-2006, 08:03 PM
Hmm... You could use this and I think should work this is an example btw for content box

.content {
background-color: #F5F5F5;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}

then in html put:

<div class="content"><img src="http://yourlink"></div>
</div>

Hope that was what you were looking for if not sorry
DanWilliamson
27-01-2006, 08:36 PM
Hey,

It would be a last resort but show them in PHP includes lol.

- Dan
Luckyrare
28-01-2006, 10:35 AM
background-color: #1F587D;
background-image: url(images/clouds.gif);
background-position: top left;
background-repeat: no-repeat;

I am now using this, I have put the left and right Images in one image.

If anyone has any more ideas feel free to say (CSS only)

Thanks ;)

And PHP include are pretty pointless for this :P
*
28-01-2006, 10:42 AM
try using

float: left;

This is off memory, might be right :)
Luckyrare
28-01-2006, 10:51 AM
mmmm... Ill try that in a mo


<td width="8" background="images/left.png" height="100%"></td>
<td width="600" height="100%" bgcolor="#3585B5"></td>
<td width="8" background="images/right.png"></td>

I have found this wierd. How can I make my border hit the bottom of the browser with no scroll ect. 100% doesnt seem to work ;P

Thanks
-LR
Coding4Newbs
28-01-2006, 10:59 AM
somin like <body marginheight="0" etc.
Sam
28-01-2006, 01:04 PM
background-image: url(images/clouds_left.gif);
background-position: top left;
background-color: #1F587D;
background-image: url(images/clouds_right.gif);
background-position: top right;
background-repeat: repeat;


??
Tomm
28-01-2006, 01:07 PM
mmmm... Ill try that in a mo


<td width="8" background="images/left.png" height="100%"></td>
<td width="600" height="100%" bgcolor="#3585B5"></td>
<td width="8" background="images/right.png"></td>
I have found this wierd. How can I make my border hit the bottom of the browser with no scroll ect. 100% doesnt seem to work ;P

Thanks
-LR

Eeew tables...

Want to hide these adverts? Register an account for free!