SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Dreamweaver Template Page Extending Beyond Borders And I Don't Know Why

    Hey, an .html Dreamweaver Template I made for the inner pages of a website is extending it's borders and I can't figure out why. It's stretching the page outside of the supposed set limits I thought I put on it It should be centered and contained. If someone could help me figure this one out I'd appreciate it, as would the hair still existing on my head.

    Here's a link to the Template itself:
    http://www.codyfirstpresbyterian.org.../inner_pgs.dwt

    Here's a page associated with the above Template:

    http://www.codyfirstpresbyterian.org/mission_intro.html

    Here's a normal/correct page:

    http://www.codyfirstpresbyterian.org/blog.php

    Thanks!

  2. #2
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Find and remove nowrap="nowrap", which is preventing lines of text from wrapping and forcing the layout to be as wide as the longest line.

    Please consider moving away from tables for layout, which is argued at length in the topic Why Switch from Table to CSS layout?

  3. #3
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My goodness that is a LOT of information and a LOT for us and our small company to think about. I graduated from the Art Institute of Colorado with a Bachelors in Graphic Design in '06 with very little website knowledge. With the job I currently have my boss wanted me to learn to design websites, so I was taught by a veteran co-worker who learned to do web designing with Photoshop and/or Illustrator- piecing/cropping/slicing the Photoshop design together in Dreamweaver using tables AND a CSS stylesheet for fonts, colors, backgrounds, etc. Based on reading the forum link you sent I would be in favor of moving to CSS only built sites (except allowing for tables when there is tabular data). What would you suggest to be our next move to make?

  4. #4
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Well, for now, removing that nowrap attribute will fix the immediate problem with content width.

    At time of writing, the page is showing a 404 as the URL points to mission_intro.php rather than mission_intro.html

    I'm sure other Sitepoint regulars will have plenty of good ideas for how best to adapt your workflow to CSS layouts. Perhaps ask for help in converting a single page to begin with. There are some keen and fast workers around here.

    An important point is not to allow Photoshop to dictate the markup, which tends to result in inflexibility. For instance, increasing the font size in my browser causes gaps to appear in your Home page, resulting in purple text on a purple background. Photoshop is a great tool as long as it is wielded with an understanding of how to combine graphics with sound markup. Let visual design work for content, rather than content being constrained by design.

    Once you've grasped the principals of CSS layout, and applied them, you will wonder how you ever managed with tables, especially in such deep nesting.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •