3 Replies Latest reply on Jul 1, 2010 5:47 AM by sam.diss@yahoo.co.uk

    One word text per line

    sam.diss@yahoo.co.uk

      Hello, Hopefully somebody might be able to point me in the right direction before i go completely mad!! I have a page with a table - 2 columns, one column with a small amount of text and 2nd column with an image. My text column looks fine in dreamweaver but as soon as i preview it in internet ex or firefox all the text goes a bit odd, where it just puts one word on every line vertically, so the text runs right past the table bottom to the bottom of the page, never putting more than one word on a line. I have adjusted the table widths but still does the same thing.

      I know i must have done something wrong along the line but just cannot figure it out.

      Help would be so appreciated thanks.

        • 1. Re: One word text per line
          Ben M Adobe Community Professional

          You need to post either a link to the page in question or the code (HTML & CSS) from the page.  Otherwise we are shooting in the dark.

          • 2. Re: One word text per line
            sam.diss@yahoo.co.uk Level 1

            SnakEyez02 wrote:

             

            You need to post either a link to the page in question or the code (HTML & CSS) from the page.  Otherwise we are shooting in the dark.

             

             

            Thanks for your reply, below is the HTML code and CSS code,

             

             

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

            <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/floormast.dwt" codeOutsideHTMLIsLocked="false" -->

            <head>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

            <!-- InstanceBeginEditable name="doctitle" -->

            <title>Untitled Document</title>

            <!-- InstanceEndEditable -->

            <!-- InstanceBeginEditable name="head" -->

            <style type="text/css">

            <!--

            body,td,th {

            font-family: Bell MT;

            }

            -->

            </style><!-- InstanceEndEditable -->

            <style type="text/css">

            <!--

            body,td,th {

            font-family: Arial, Helvetica, sans-serif;

            color: #333;

            background-color: #FFF;

            text-align: center;

            }

            body {

            background-color: #d4ecfb;

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12px;

            color: #000;

            text-indent: 5pt;

            }

            -->

            </style>

            <link href="floorstyles.css" rel="stylesheet" type="text/css" />

             

             

            <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

            <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

            </head>

             

            <body><meta name="author" content="sam diss" />

            <meta name="keywords" content="flooring, wood flooring, restoration, " />

            <meta name="description" content="" />

             

            <table width="850" border="3" align="center" cellpadding="3" cellspacing="3">

              <tr>

                <td align="center" class="heading"><!-- InstanceBeginEditable name="heading" --><img src="images/draw_logo.php.png" alt="logo" width="505" height="100" align="middle" /><!-- InstanceEndEditable --></td>

              </tr>

              <tr>

                <td align="center" valign="middle"><ul id="MenuBar1" class="MenuBarHorizontal">

                  <li><a href="#index.html">Home</a></li>

                  <li><a href="#flooring.html">Flooring</a></li>

                  <li><a href="#rest.html">Restoration</a></li>

                  <li><a href="#contact.html">Contact us</a></li>

                </ul></td>

              </tr>

              <tr>

                <td><!-- InstanceBeginEditable name="main" -->

                  <p><img src="images/DSC00035 (1) (1).JPG" alt="1st" width="550" height="375" align="right" /></p>

                  <p> </p>

                  <p><strong>MJ  Cobb flooring</strong></p>

                  <p> is an established company </p>

                  <p>that has been running for  over </p>

                  <p>25 years.      </p>

                  <p>We specialise in laying new and reclaimed wooden  floors.      </p>

                  <p>We can also resand and restore your old flooring.      </p>

                  <p>Please have a look at  our website for more examples      of our  work and please feel free to  contact us for a quote.</p>

                  <p> </p>

                <!-- InstanceEndEditable --></td>

              </tr>

              <tr>

                <td>Copyright &copy; MJ Cobb Flooring.</td>

              </tr>

            </table>

            5

            1

            <script type="text/javascript">

            <!--

            var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});

            //-->

            </script>

            </body>

            <!-- InstanceEnd --></html>

             

            This is the css code

             

            p {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12px;

            font-weight: normal;

            text-align: center;

            color: #000;

            }

            .heading {

            font-family: Georgia, "Times New Roman", Times, serif;

            font-size: 16px;

            color: #D6D6D6;

            background-color: #333;

            }

            p {

            font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

            font-size: 16px;

            color: #000;

            padding: 0px;

            background-color: #FFF;

            width: 0px;

            height: 0px;

            text-align: left;

            text-indent: 5pt;

            margin-top: 2px;

            margin-right: 5px;

            margin-bottom: 2px;

            margin-left: 10px;

            }

             

             

             

            • 3. Re: One word text per line
              sam.diss@yahoo.co.uk Level 1

              Sorry, But I have worked it out myself, I had put a zero somewhere I shouldn't have, it took me forever to find it but its always the little things, thanks anyway