SRL Archive - Web Development

I'm trying to use a div tag to center an image and put text on top of it. But I don't know how to place the text over the image. Anyone have any ideas? Kinda new to this.

Off the top of my head you should be able to do something like:

<p>
<span style="background:url('image.gif');" />
Text over Image
</p>

are you useing dream weaver? if you are set the image as the backgroud to the table and just type over it.

It's correct what L33t is saying.. this is a part of my photoshop layout:

<td colspan="9" rowspan="7" valign="top"

background="images/index_22.gif">
<p>
<?php
$menu = $_GET['menu'];
$name = $_GET['name'];
//$info = $menu ."/" . $name . ".txt";
$info = "./" . $menu . "/" . $name . ".txt";
$content = @file_get_contents($info);

if(empty($content) || empty($name)){
$content = @file_get_contents('1/Home');
}
echo $content;
?>
</p>


</td>


Edit: the red is php which doesn't have to bother you

Thanks guys. Gonna go try it out.

PS I am using Dreamweaver.

editing the code, you should be able to add a background property to the div tag:

<div background="location/file.gif>

kinda thing.. then in the div itself have the text. Although i don't know much about the div tag. You can use it in the table tag. so try it out.

Are you sure he wants the image a background?

if you want text on it thats the only was in dream weaver

http://www.tizag.com/cssT/layers.php

also try there. you can do it with CSS

I was looking this over for a while now and I think that the best way is to use a table (divide the banner, buttons, etc).

1337's method is the best way - use CSS to create a background image within an element and position the text over the element.

Yeah, tables are very outdated for that sort of thing (due to accessibility reasons). Try to pick up a bit of css and find a workaround with div's/span's ;)