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

HTML Code:

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

Code:

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

* · 28-01-2006, 10:42 AM

try using

Code:

float: left;

This is off memory, might be right

Luckyrare · 28-01-2006, 10:51 AM

mmmm... Ill try that in a mo

HTML Code:

<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

HTML Code:

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

Originally Posted by Luckyrare

mmmm... Ill try that in a mo

HTML Code:

<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...

Thread: CSS Image background

Thread Tools

CSS Image background

float

Posting Permissions