675,865 reviews,
402 today

sao95 · 04-30-2004, 11:52 AM

I have an image in dreamweaver that I want to put a smaller image on top of. The image underneath is inside a table, right now I have a layer on top with a table and an image inside the layer, it works well, but I need to adjust the layer so it's centered on the page, also I'd like to convert the pixels size to %, but I can't find the button that converts that a table has, any help is appreciated.

Droppyale · 04-30-2004, 12:04 PM

hmm... I would rather use css...

are you familiar with css and divs?

sao95 · 04-30-2004, 12:07 PM

no, is there a way to set wallpaper to a percent?

Droppyale · 04-30-2004, 12:12 PM

you could also use just tables and css...

for example

Code:

<table width="500" align="center">
<tr><td class="background_image"><img src="images/image_on_top.gif></td></tr>
</table>

let me explain.... on the external css sheet, you would include this

Code:

.background_image {
background: transparent url(images/background_image.gif); 
width: 500px;
}

that would make your image go in the background, and then other would go on top using the <img> tag.

I'm not good at explaining this..

but I hope you get the idea.

sao95 · 04-30-2004, 12:14 PM

i don't follow

Droppyale · 04-30-2004, 12:16 PM

are you just learning?

are you familiar with html code?

sao95 · 04-30-2004, 12:17 PM

familiar, but not a pro by any means

sao95 · 04-30-2004, 12:18 PM

i get it i think, hold on let me try

the term css I don't understand, but inserting the code in html I do, Only if I set it as background I have to make it a percentage as opposed to pixel, I just tried replacing px with 100% and it didn't work?

Droppyale · 04-30-2004, 12:24 PM

no no... ok

do this.

insert this code in between your <head> tags.

like this

<head>

code here

</head>

Code:

<style type="text/css">
.background_image {
background: transparent url(images/background_image.gif); 
width: 100%;
}
</style>

once you do that, then insert this in between your <body> tags to make your table:

Code:

<table width="100%" align="center">
<tr><td class="background_image"><img src="images/image_on_top.gif></td></tr>
</table>

that should do it

sao95 · 04-30-2004, 12:33 PM

it didn't work. what if I go top page properties and set a background image path, then set it at 100% manually somehow?

675,865 reviews, 402 today

675,865 reviews,
402 today