Photoshop/HTML Question

  • ralema56
  • Newbie
  • Newbie
  • ralema56
  • Posts: 7
  • Loc: nh

Post 3+ Months Ago

I created my website in photoshop, but theres a problem, I can't put text over a picture in HTML. Cause it just moves the picture doen and messes up the alginment of all the images ect..
So what I'm asking is how do you put text over an image with out using photoshop, is there a script for this? I'm new, please help!

randy
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

hmmmm, think i know what you mean. you can put text over an image a number of ways.

you can have an image as a background in a table, table cell, layer or page background, this way you can have text ot any other html element on top of another, you can even put images over images.
  • Axe
  • Genius
  • Genius
  • User avatar
  • Posts: 5739
  • Loc: Sub-level 28

Post 3+ Months Ago

ralema, please do not make duplicate posts in several forums.
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

:shock: i feel so violated haha
  • ralema56
  • Newbie
  • Newbie
  • ralema56
  • Posts: 7
  • Loc: nh

Post 3+ Months Ago

ok, so i need to set it as a background in a table cell with text over it? how is this done?

Code: [ Select ]
 <TD ROWSPAN=6> <IMG SRC="images/picture_that_needs_text_over.jpg" WIDTH=299 HEIGHT=206 ALT=""></TD>

sry about multiple posts i didn;t know which area i should post in.
  • SharkShark
  • Guru
  • Guru
  • User avatar
  • Posts: 1013
  • Loc: Living In Today

Post 3+ Months Ago

Try learning to use Dreamweaver. It makes turning a sliced Photoshop template into a webpage WAAAAAAAAAY easy.

The code is:
Quote:
<TD "Rowspan-Goes-Here" background="Image-Goes-Here">Your text here</TD>
  • ralema56
  • Newbie
  • Newbie
  • ralema56
  • Posts: 7
  • Loc: nh

Post 3+ Months Ago

how about adding a scroll bar to and image, so the text in the image can be scroll (lotsa text, too much for image)
is this possible?
  • SharkShark
  • Guru
  • Guru
  • User avatar
  • Posts: 1013
  • Loc: Living In Today

Post 3+ Months Ago

OK, try using (God forbid) an iframe. if you need to scrol the area. Otherwise if you inserted the image as the background of your table, then it should stretch to fit your text. The following link will teach you how to code a Photoshop Template into Dreamweaver. Just watch the video. It explains it pretty well.

http://www.rw-designz.com/?rw=tuts/vid
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Posts: 4581
  • Loc: Maryland

Post 3+ Months Ago

You could also use scrolable div's.
  • FusionDesigner
  • Proficient
  • Proficient
  • User avatar
  • Posts: 282

Post 3+ Months Ago

He can also make the cell expand with the bg image. But it'll need to be able to tile. Your better of designing your sites from a bottom-up approach not the other way around.
But im not sure if the design will expand too. sometimes its hard.
  • ralema56
  • Newbie
  • Newbie
  • ralema56
  • Posts: 7
  • Loc: nh

Post 3+ Months Ago

so what would the source code for iframe or scrollable div look like? (thanks for all the help btw you guys are aweseom!)
  • FusionDesigner
  • Proficient
  • Proficient
  • User avatar
  • Posts: 282

Post 3+ Months Ago

<iframe src="http://index.html" name="frame1" scrolling="auto" frameborder="no" align="center" height = "250px" width = "250px">
</iframe>

Will that do?
  • ralema56
  • Newbie
  • Newbie
  • ralema56
  • Posts: 7
  • Loc: nh

Post 3+ Months Ago

thank you! how about the source for div? anyone know how that would look? :P thanks again guys for all the help
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Posts: 4581
  • Loc: Maryland

Post 3+ Months Ago

Code: [ Select ]
<div style="overflow:scroll"></div>


I beleive.
  • ralema56
  • Newbie
  • Newbie
  • ralema56
  • Posts: 7
  • Loc: nh

Post 3+ Months Ago

ok thanks i'll try that :P

thank you
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Posts: 4581
  • Loc: Maryland

Post 3+ Months Ago

Any time :)

Post Information

  • Total Posts in this topic: 16 posts
  • Users browsing this forum: No registered users and 13 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.