Image into Html [Archive] - Lissa Explains it All: Web Design Forums

putnamehere

12-04-2005, 12:45 AM

Well i have been creating several site designes in photoshop cs2 but how to i get these into a html file? and stuff like text in with in.. eg; i creat the lay out like this here (http://www.phpcodes.co.uk/new.jpg) the psd file is here (http://www.phpcodes.co.uk/newsite.psd) now i can write text in the image but say i wanted to chaneg that text? would i change the image? i dont want my site as a image tho..
if thatdident make sence then i can explain again.

luvhartz

12-04-2005, 12:48 AM

=/ that was kind of confusing.. do you basically want to get the image for the layout and want to put content in it?

putnamehere

12-04-2005, 12:52 AM

YES =p (sorry it's quite late)
but the content cant be a imag and i cant seem to do this without micking the hole layour up

luvhartz

12-04-2005, 01:17 AM

<HTML>
<HEAD>
<TITLE>title here</TITLE>
</HEAD>
<BODY>
<img src="URLofimage" style="position: absolute; left: 0px; top: 0px;">
<div style="position: absolute; left: 0px; top: 190px; width: 699px; height: 93px;">top bar Content here</div>
<div style="position: absolute; left: 0px; top: 305px; width: 699px; height: 295px;">bottom bar Content here</div>
</BODY>
</HTML>

luvhartz

12-04-2005, 01:24 AM

Darn it sorry for the double post i missed a little something out of the code

<HTML>
<HEAD>
<TITLE>title here</TITLE>
</HEAD>
<BODY>
<img src="URLofimage" style="position: absolute; left: 0px; top: 0px;">
<div style="position: absolute; left: 0px; top: 190px; width: 699px; height: 93px; overflow: auto;">top bar Content here</div>
<div style="position: absolute; left: 0px; top: 305px; width: 699px; height: 295px; overflow: auto;">bottom bar Content here</div>
</BODY>
</HTML>

change the purple too. Note you will have to upload the image to your webserver of your web image server :)