I have designed a website using Photoshop and Dreamweaver for a guy who does not own photoshop. He is going to have to edit the text on the site by himself using notepad (HTML), but Photoshop converts text to images, making it uneditable. Is there a way using either program to lay text over an image? The site I designed is here http://www.KustomParts.com and the large empty grey area is where I need the editable text to be.

Any help would be appreciated,
Reidy

Read up on the div tag

You can accomplish what you want using CSS and proper markup. The graphic would become a background image on a <div> and the text could then be positioned where you need it inside the same <div>, appearing on top of the background image.

Thank you both for your help

Wow, lol. That is alot easier than messing wih div tags. Thank you very much!!

I got the text to appear in the table and it looks right...except the font is aligning itself in the middle of the table instead of at the top where I want it Any suggestions?

Hi,

Try using the align=right and valign= top in the TD tag

Bill Button
http://www.rodmatic.com

That worked perfectly!! Thankyou!

Using tables isn't the way to go in this situation, even though it may seem easier.

My logo I created uses a background image and has text laid over the top of it, because I feel actual text is better than an image that contains text. The html is simply:

<div class="logo">
    <h1>mastercomputers</h1>
</div>

The CSS is:

h1 {
	font: bold 2.3em/0.9em tahoma,sans-serif;
	letter-spacing: -1px;
}
.logo {
	width: 53px;
	height: 55px;
	background: url('http://mastercomputers.uni.cc/images/logo.png') no-repeat;
}
.logo h1 {
	position: relative;
	top: 23px;
	left: 26px;
}

The results are seen at:

http://mastercomputers.uni.cc/

The positioning is controlled by the top and left positions, I'm pushing it down 23px and pushing it from the left 26px to line it where I want above my background image. The div holding the background image is set at the height and width of the image.

All the other styling involved is just my personal preferences and doesn't do much for you.

Cheers,

MC

Just a small warning... Tables look different in ever browser. That is one of the major reasons why everyone is saying to use the <div> tag with CSS. You can make sure it's in the right spot down to the pixel unlike tables which is a bit of a guessing game.

i agree, table solution is simply...the wrong solution!

be careful with DIVs, anyway: they COULD look differently between firefox and old IEs because they handled differently margin and padding measures.

try searching for ex. "browser box model" on google or here in the forum to understand deeply the problem

gabrio