Welcome to the Graphic and Web Design Forum


your forum for all things Design


  •  » Graphic Design
  •  » Web Design
  •  » Logos and Branding
  •  » Illustration
  •  » Photography
  •  » Design Tutorials
  •  » Plenty of Off Topic Chat

Register now to remove this ad box


YES! I want to register an account for free right now!


-->
  1. #1

    Overflow Text Question

    ADS NOT VISIBLE TO MEMBERS
    On a website I just recently put together I’m having a problem with the text overflowing when I look at it on a laptop. I put the website together in Dreamweaver. When I look at the website on a laptop the text paragraphs run into each other and off the main part of the website. Also, the text is unusually large on a laptop. Does anyone know why this problem is occurring?

    Here is the code I’m using:

    HTML Code:
    <td rowspan="12" valign="top" bgcolor="#76808E"><style type="text/css">
    body {
    font: 11px Arial, Helvetica, sans-serif;
    }
    div#content {
    width: 324px;
    height: 700px;
    padding: 10px;
    border: 1px solid grey;
    background: #76808E;
    }
            </style>
              <div class="style14 style1" id="content">
                <p class="style12  style4 style5">About Space Clearings</p>
                <p><span class="style12  style4">Cleaning your home keeps the space enjoyable to live in, maintains health and provides a relaxing atmosphere. p>
          </div></td>

  2. #2
    The code you're using is pretty nasty, that'll be the problem. I suggest you stop using Dreamweaver and learn to code properly, this should help avoid any such issues in the future.

  3. #3
    blueocto's Avatar
    Join Date
    Oct 2007
    Location
    Newcastle upon Tyne, United Kingdom
    Posts
    4,129

    My Social Networking

    Follow blueocto On Twitter Add blueocto on Facebook Add blueocto on Google+
    Add blueocto on Linkedin Follow blueocto on Tumblr
    ADS NOT VISIBLE TO MEMBERS
    Firstly, as Harry (in a roundabout way) suggested, you are using tables to create the structure of the webpage - this is innaccurate and it is recommended to use a div structure and css for all the styling.
    Secondly, you have stated you want font : 11px... but you havent applied this to your < p > tags. Which maybe the reason for the text being the wrong size.
    It also depends on what you have in "style12" "style4" and "style5 - why you need so many classes for one item, I'm unsure.

Similar Threads

  1. rollover button with HTML text question
    By Captainkewl in forum General Web Design Forum
    Replies: 9
    Last Post: 08-05-2009, 05:11 PM
  2. Overflow?
    By jonze in forum CSS Forum
    Replies: 30
    Last Post: 19-08-2008, 01:42 PM
  3. Quick question [newb question]
    By snowy in forum Graphic Design and Web Design Help
    Replies: 6
    Last Post: 27-07-2007, 11:08 AM

Posting Permissions

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

Log in

Log in