Adding text on images designed in photoshop Options

[briiiiiiiiin]

Hi i have designed a site using photoshop but when it comes to editing text in dreamweaver, the images/background is distorted, what i basicly wanna do is make the texts align perfectly just like on this site and also can be edited frequently without worrying about amount of text or the distruction of the background.

hope anyone wanting to help understands what am on about

thnx.

[pandy]

Can't you use the image as a background?

[briiiiiiiiin]

i tried but if the text goes past that particular image it moves the next image, which is exactly what i dont want. i want the text to know its limit, for example stick within a certain background and can be edited later on like a blog or news but not using a ticker. kinda like a frame for the text.

thanx for reply pandy

This post has been edited by briiiiiiiiin: Aug 30 2006, 07:48 PM

[pandy]

Yes, but if you limit the width of the text and use the image as the background for the text's container? I don't know how your page is set up (do you have a URL?) but along these lines.

HTML

<div style="width: 400px; background: url(background.jpg)">
<p>
Your text here.</p>
<p>
More text</p>
</div>

I used inline CSS just for the simplicity here. Don't do as I do.

[briiiiiiiiin]

no sorry, no url. that works but i want the text to align just like text and images again the bckground of this blog, but if its to go beyond the required frame/table, then a scroll bar come up automaticly, dont know if its possible.

[pandy]

Align how? There's text all over that page so it's hard to know what you mean.

OK, if you want scrollbars then give the DIV a height too and use 'overflow: auto'.
http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow

[Darin McGrew]

I think briiiiiiiiin is referring to the text that's supposed to fit in the white patches. Except that it overflows the white patches for me. And of course, you end up with white-on-white text when images are disabled. Overall, I don't think it's a very good example to follow.

[pandy]

The text under each entry? "Posted by..."? I confess I didn't scroll that far.

[Darin McGrew]

I can't blame you, given the white-on-white text that you get until the background image finally downloads. Hmm... And the white on off-white text that you get once the main background image loads, while you're waiting for the others.

[briiiiiiiiin]

thnx people. i was refering to the text within the black bkground stays within the background and dont overflow to the right but instead goes down- cant explain well but the link u gave pandy helped alot, thanx

[pandy]

thnx people. i was refering to the text within the black bkground stays within the background and dont overflow to the right but instead goes down-

That's exactly what happens if you limit the width as in my code example above. The width can be limited in other ways too, of course. You don't have to put it directly on the container.

cant explain well but the link u gave pandy helped alot, thanx

You are welcome.