Advice Articles

  • Beginners
    Just getting started? Loads of powerful advice here for beginners.
  • Intermediate
    Got a handle on the basics? Find more advanced topics covered here.
  • Advanced
    Warning! Advanced topics covered here.
  • Affiliate resources
    Affiliate marketing resources for affiliates and affiliate program managers tools, websites, books and articles.
  • Product reviews
    Candid reviews of the latest products to take you to the next level.


  

Advanced Search

Affiliate Marketing Forum

FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups   RegisterRegister ProfileProfile  Log in to check your private messagesPrivate Messages Log inLog in  
Text overlaping in dreamweaver

 Affiliate Marketing Forum Index -> Do-It-Your-Selfers
Post new topic   Reply to topic
View previous topic :: View next topic  
Author Message
igezeum



Joined: 12 Jul 2005
Posts: 41
Location: Canada
PostPosted: Tue Aug 16, 2005 12:23 am    Post subject: Text overlaping in dreamweaver Reply with quote
Hi everyone,

I have a serious problem with the text on my sites overlaping when somone increased the text size on a page.

I know it's a problem with the "absolute" settings in the layers but I don't know what the "div tags' should be changed to.

I have posted a similar question in a couple of other forums dealing with dreamweaver but still have not received a response.

I know I have alot of work ahead of me but any advice would be appreciated.

Thanks in advance.
_________________
Renewable Power Solutions Your Source For Understanding The World Of Alternative Power!
Ebook Builder 101 Your online guide to writing and promoting Ebooks.
Back to top View user's profile Send private message Visit poster's website
Debs



Joined: 16 Aug 2003
Posts: 4296
Location: NY
PostPosted: Tue Aug 16, 2005 9:50 am    Post subject: Reply with quote
You need to use a more fluid design or one properly coded to center with a fixed width. Check out Saila.com and Glish.com for good CSS templates to see if one of those will work for you. Then you can input your graphics/colors to make the look you want.

Debs
_________________
Learn how to turn keyphrases into quality, well-targeted articles your visitors and SE's will love with Gary Antosh's new ebook "Web Content Made Easy!"
Back to top View user's profile Send private message
Andrea Thomson



Joined: 14 Sep 2004
Posts: 110
Location: Vancouver, BC Canada
PostPosted: Fri Aug 19, 2005 4:51 pm    Post subject: Reply with quote
Hi -

I looked at your code and this is actually a quasi-liquid design - no html tables - but also, no style sheet.

On track wtih Debs suggestion - what you need is a style sheet to declar what the fonts should do in each layer.

Instead of using font tags to manage the size and color of your fonts, we can create the instructions for fonts (and other elements) in the style sheet. For instance, notepad, one class in your style sheet might include some instruction for all of your basic paragraph or <p> tags:

Code:
p { font: 100%, Arial, Helvetica, sans-serif; ]


Notice that I don't use a fixed size like 12pt for the size -it's set to 100%.
The w3.org sets standards on best practices for design and says - you want you visitors to be able to change the size of text - it's for visually impared visitors.

But, clearly you don't want your menu to blow up to unreadable proportions.

So, for the menu section create a fixed size - like 12pt or 10pt font.

Your menu is controled through a div id class called "Layer 10" - looking at the source code, I know this cause it says (right above your menu)
Code:
<div id="Layer10" style="position:absolute; left:81px; top:167px; width:132px; height:71px; z-index:10">


Create a style class for this to manage it - for instance

Code:
#Layer10 { font: 10pt, Arial, Helvetica, sans-serif; }


=====

You're close - just a little ways to go -

A great free sight to learn about styles is the w3schools site - (see http://www.w3schools.com/css/default.asp)

Cheers -

Andrea

p.s. I do create "liquid" css templates but I think you're pretty good with what you have - you just need to add a css file to make it complete - Laughing
_________________
Andrea Thomson

professional web designs .:. affordable templates ... and coming soon affiliate templates
Back to top View user's profile Send private message Visit poster's website
View previous topic :: View next topic  
Display posts from previous:   
Post new topic   Reply to topic    Affiliate Marketing Forum Index -> Do-It-Your-Selfers All times are GMT
Page 1 of 1

 
Jump to:  
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 vote in polls in this forum





Your host: Allan Gardyne.
Earning a good living from affiliate programs since 1998.