Reply
Text positioning on a background picture
Old 05-23-2004, 10:52 AM Text positioning on a background picture
Junior Talker

Posts: 1
I am not sure if i should post here or on the graphics - sorry if its the wrong section. --My problem-- I have a background picture with areas already sectioned out for text (part of the picture - not a text box). When I add the text on my comp everything looks fine, but apparently when some others view the page the text is not positioned correctly. How do I "stick" so to speak the text on the correct area and have it load correctly for everyone? i am using the <div style tag with position properties....
Please someone help - i dont understand what i am doing incorrectly with the page.

Thank you in advance for helping

Last edited by swtviolet29 : 05-23-2004 at 11:33 AM.
swtviolet29 is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 05-23-2004, 04:30 PM
ACJavascript's Avatar
Humble Mod

Posts: 548
Location: CT, USA
position properties are based on the users screen height and width. So if a user comes in it will look off.

I suggest dropping the DIVS and using tables. This way nomatter how big or the screen is the user canview it perfectly.

I allso suggest desiging the tables with a width of 700 or less.
__________________
CYTech-services.com - 100 Satisfied Customers - Custom Programming and Web Development
ACJavascript is offline
Reply With Quote
View Public Profile Visit ACJavascript's homepage!
 
Old 05-23-2004, 05:02 PM
TheX's Avatar
Skilled Talker

Posts: 99
Location: NYC
ACjavascript:
Quote:
I suggest dropping the DIVS and using tables. This way nomatter how big or the screen is the user canview it perfectly.
Hogwash. ACJ the W3C has recommended the opposite. Please do not promote backward quirk mode web markup.

Here is what you can do. Make your image a background image within the <div> and add another child <div> inside.

The parent <div> should have text-align: right; and a height attribute to keep it from under-flowing the background image.

The child <div> should have a fixed width say; width: 200px;

Got it? If you need help to debug to cross-browser it, post a link and I will help you out
TheX is offline
Reply With Quote
View Public Profile Visit TheX's homepage!
 
Old 05-23-2004, 05:33 PM
ACJavascript's Avatar
Humble Mod

Posts: 548
Location: CT, USA
Well, I am not sure what W3 has to say I gues thats somthing I have to fix. I give advice based on experience and All of my experience with DIVS allways ends up the same. Users complaining about them.

Even if you put it into a parent DIV the parent div can be disrupted. If you do do that be sure to use specific widths and heights and not %.
__________________
CYTech-services.com - 100 Satisfied Customers - Custom Programming and Web Development
ACJavascript is offline
Reply With Quote
View Public Profile Visit ACJavascript's homepage!
 
Old 05-23-2004, 08:17 PM
TheX's Avatar
Skilled Talker

Posts: 99
Location: NYC
CSS is a whole other beast. It's easy to learn the basic rules but another story to master. Once you know what does what in which browser, <div>s and CSS are a beautiful thing.

http://www.w3.org/
TheX is offline
Reply With Quote
View Public Profile Visit TheX's homepage!
 
Old 05-23-2004, 08:29 PM
ACJavascript's Avatar
Humble Mod

Posts: 548
Location: CT, USA
I agree that CSS is the bomb, especially when it comes to editing tables ect.. ect..

I just mean using DIVS <div> - You also end up having to do different scripts for different browsers. Tables are the same on all browsers. Thats all I am saying.
__________________
CYTech-services.com - 100 Satisfied Customers - Custom Programming and Web Development
ACJavascript is offline
Reply With Quote
View Public Profile Visit ACJavascript's homepage!
 
Reply     « Reply to Text positioning on a background picture
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.14449 seconds with 12 queries