Photoshop/HTML Question

  • ralema56
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Apr 29, 2004
  • Posts: 7
  • Loc: nh
  • Status: Offline

Post April 29th, 2004, 5:20 pm

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
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post April 29th, 2004, 5:20 pm

  • DR01D
  • Expert
  • Expert
  • User avatar
  • Joined: Mar 30, 2004
  • Posts: 661
  • Loc: Australia
  • Status: Offline

Post April 29th, 2004, 5:31 pm

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
  • Joined: Jan 07, 2004
  • Posts: 5744
  • Loc: Sub-level 28
  • Status: Offline

Post April 29th, 2004, 6:04 pm

ralema, please do not make duplicate posts in several forums.
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Joined: Mar 30, 2004
  • Posts: 661
  • Loc: Australia
  • Status: Offline

Post April 29th, 2004, 6:10 pm

:shock: i feel so violated haha
  • ralema56
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Apr 29, 2004
  • Posts: 7
  • Loc: nh
  • Status: Offline

Post April 30th, 2004, 3:17 am

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
  • Joined: Apr 24, 2004
  • Posts: 1013
  • Loc: Living In Today
  • Status: Offline

Post April 30th, 2004, 5:46 am

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>
Yesterday is history.Tomorrow is mystery.Today is a gift.
Car Audio Sytems
LED Emergency Lights
  • ralema56
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Apr 29, 2004
  • Posts: 7
  • Loc: nh
  • Status: Offline

Post April 30th, 2004, 2:42 pm

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
  • Joined: Apr 24, 2004
  • Posts: 1013
  • Loc: Living In Today
  • Status: Offline

Post April 30th, 2004, 4:32 pm

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
Yesterday is history.Tomorrow is mystery.Today is a gift.
Car Audio Sytems
LED Emergency Lights
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post April 30th, 2004, 6:33 pm

You could also use scrolable div's.
Pixel Acres V2
  • FusionDesigner
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 12, 2004
  • Posts: 282
  • Status: Offline

Post April 30th, 2004, 6:38 pm

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
  • No Avatar
  • Joined: Apr 29, 2004
  • Posts: 7
  • Loc: nh
  • Status: Offline

Post May 1st, 2004, 9:08 am

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
  • Joined: Jan 12, 2004
  • Posts: 282
  • Status: Offline

Post May 2nd, 2004, 10:36 am

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

Will that do?
  • ralema56
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Apr 29, 2004
  • Posts: 7
  • Loc: nh
  • Status: Offline

Post May 2nd, 2004, 5:45 pm

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
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post May 2nd, 2004, 6:18 pm

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


I beleive.
Pixel Acres V2
  • ralema56
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Apr 29, 2004
  • Posts: 7
  • Loc: nh
  • Status: Offline

Post May 2nd, 2004, 7:26 pm

ok thanks i'll try that :P

thank you
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post May 2nd, 2004, 7:26 pm

Post Information

  • Total Posts in this topic: 16 posts
  • Users browsing this forum: No registered users and 57 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
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.