The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Adding text on images designed in photoshop
briiiiiiiiin
post Aug 30 2006, 05:57 PM
Post #1





Group: Members
Posts: 4
Joined: 30-August 06
Member No.: 34



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 30 2006, 06:15 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,425
Joined: 9-August 06
Member No.: 6



Can't you use the image as a background?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
briiiiiiiiin
post Aug 30 2006, 07:38 PM
Post #3





Group: Members
Posts: 4
Joined: 30-August 06
Member No.: 34



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 30 2006, 08:24 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,425
Joined: 9-August 06
Member No.: 6



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. tongue.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
briiiiiiiiin
post Aug 30 2006, 08:48 PM
Post #5





Group: Members
Posts: 4
Joined: 30-August 06
Member No.: 34



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 30 2006, 09:45 PM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,425
Joined: 9-August 06
Member No.: 6



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Aug 31 2006, 12:08 AM
Post #7


WDG Member
********

Group: Root Admin
Posts: 8,316
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 31 2006, 12:27 AM
Post #8


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,425
Joined: 9-August 06
Member No.: 6



The text under each entry? "Posted by..."? I confess I didn't scroll that far. blush.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Aug 31 2006, 01:42 AM
Post #9


WDG Member
********

Group: Root Admin
Posts: 8,316
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
briiiiiiiiin
post Aug 31 2006, 10:42 AM
Post #10





Group: Members
Posts: 4
Joined: 30-August 06
Member No.: 34



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 31 2006, 12:56 PM
Post #11


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,425
Joined: 9-August 06
Member No.: 6



QUOTE(briiiiiiiiin @ Aug 31 2006, 05:42 PM) *

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.
QUOTE

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

You are welcome. wink.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 20th November 2019 - 01:31 AM