SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Nov 2006
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cool TextArea in Firefox 2 not Wrapping

    Hi Everyone

    I am testing my e-mail form at them moment and notice that whatever option I put in for the wrap function in the text area, in firefox it just will not wrap the text, any one have any ideas on this one.

    Ash

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can you provide the code you're using so I can take a look at it? (Or better yet, a link?)

  3. #3
    SitePoint Member
    Join Date
    Nov 2006
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <form action="../mail/checkmail.php" method="post">

    <div id="email">
    <p>FULL NAME : <input type="text" name="fullname" size="50" maxlength="50" /></p>
    <p>E-MAIL &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <input type="text" name="email" size="50" maxlength="60" /></p>
    <p>MESSAGE &nbsp;&nbsp;: <textarea name="message" rows="8" cols="50" wrap="hard"></textarea></p>

    </div>
    <input type="hidden" name="submitted" value="true" />

    </form>

    its not yet online, yet testing at the moment

  4. #4
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can you post the full code, from the DOCTYPE to the closing </html> tag, plus your CSS for the entire page?

    (By the way, I can tell you right now that the HTML code you're using is going to cause all sorts of problems - I'l lbe able to tell you WHAT problems on WHICH browsers once I see the full code.)

    Bear in mind, I just need the (X)HTML and CSS output, not the PHP code (since it would be useless to me).

  5. #5
    SitePoint Member
    Join Date
    Nov 2006
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <title>suggestions</title>

    </head>

    <body>

    <?php

    $navpage = $_GET['pageid'];

    $_POST['nav_page'] = 'SUGGESTIONS';

    ?>

    <div id="container">
    <div id="mainheader">
    <div class="blank2"></div>
    <!-- for decoration only -->
    </div>
    <div id="header">
    <?php include ('../includes/head.html'); ?>
    </div>

    <div id="navarea">
    <ul id="nav">
    <?php include ('../includes/navlinks.php'); ?>
    </ul>

    <ul id="nav2">
    <?php include ('../includes/navlinks2.php'); ?>
    </ul>
    </div>

    <div id="sidebar">

    <?php include ('../includes/rightside_basic.php'); ?>

    </div>
    <div id="content">

    <br />
    <h3 align="center">SUGGESTIONS</h3>
    <div id="email"><p>Any suggestions for the site are gladly welcome, including any companies that do not appear here and you think should. If we receive enough requests for a company we will put them in, also if anyone is encountering problems with accessability then please tell us. Any enquiries welcome, many thanks again for visiting the site.</p><br />
    <form action="../mail/checkmail.php" method="post">

    <p>FULL NAME : <input type="text" name="fullname" size="50" maxlength="50" /></p>
    <p>E-MAIL &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <input type="text" name="email" size="50" maxlength="60" /></p>
    <p>MESSAGE &nbsp;&nbsp;: <textarea name="message" rows="8" cols="50" wrap="hard"></textarea></p><br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="submit" value="SEND MESSAGE" /><br /><br />

    <input type="hidden" name="submitted" value="true" />

    </form>
    <br /><br /><p>You can alternatively e-mail me at admin@frustrations.co.uk if the mail server is down or if it is just easier for you.</p><br /><br /></div>


    </div>
    <div id="clearfooter"></div>
    <!-- to clear footer -->
    <div id="footer">
    <div class="divider1"></div>
    <div class="blank"></div>
    <!-- for decoration only -->

    <p align="center">

    <?php
    echo '<a href="../disclosure/disclosure.php?pageid=' . $navpage . '" alt="disclosure">DISCLOSURE</a>&nbsp;&nbsp;&nbsp;';
    echo '<a href="../sectors/suggestions.php?pageid=' . $navpage . '" alt="contact us">CONTACT US</a>';
    ?>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;designed by :&nbsp;&nbsp;
    <a href="http://www.slrdesign.co.uk" target="_blank" alt="DESIGNERS">SLR DESIGN</a>

    </p>

    </div>
    </div>
    </body>
    </html>


    CSS

    /* commented backslash hack v2 \*/
    html, body{height:100%;}
    /* end hack */

    html,body {margin:0;padding:0;}

    body {
    font: x-small arial, hevetica, sans-serif;
    text-align: center;
    color: #505367;
    background: #D8D6D6 url(../imgs/graduate.jpg) repeat-x;
    }

    img {border:0;}

    /* the main content area of the page, being centered and 730px wide */
    #container {
    margin-left:auto;
    margin-right:auto;
    width: 730px;
    min-height:100%;
    text-align: left;
    background: #CAC9FC url(../imgs/toddbg.gif) repeat-y right top;
    border-left: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    position:relative;
    }

    /* commented backslash hack v2 \*/
    * html #container {height:100%;}
    * html #container {width:732px;w\idth:730px;}
    * html body{font-sizex-small;f\ont-size-small}
    /* end hack */

    /* the area in which the main header is held including the navigation links */
    #mainheader {
    position:absolute;
    left:0;top:0;
    height: 180px;
    width:100%;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    z-index:1;
    }

    /* the area in which the main header space is held with the title image and banner */
    #header {
    height: 100px;
    width:100%;
    background: #550000 url(../imgs/headgrad.jpg) repeat-x;
    margin: 0px 0px 5px 0px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position:relative;
    z-index:2;
    overflow:hidden;
    }

    * html #mainheader {height:181px;he\ight:180px}
    * html #header {height:102px;he\ight:102px}

    #rightbanner {float:right;padding:10px 10px 0px 0px;}

    #lefthead {float:left;padding:25px 0 0 0px;}

    /* sets the navigation area to 100% of the content width */
    #navarea {width:100%;}


    /* the area in which the links on the right hand side are held */
    #sidebar {
    float: right;
    width: 170px;
    text-align:center;
    padding: 5px 0 0 0px ;
    }

    #sidebar a {color:#008080;line-height:1.6;text-decoration:none;}

    #sidebar a:hover {color: #2A1F55;}

    #sidebar p {text-align:none;}


    /* the area in which the main content is held on the left of the page */
    #content {
    clear: left;
    width: 545px;
    background: #CAC9FC url(../imgs/contentgrad.jpg) repeat-x;
    padding: 5px 0 0 0px;
    }

    #content p, #sidebar p, #footer p {margin:5px 5px 5px 5px}

    #content h4 {
    color: #505367;
    margin: 15px;
    text-align: center;
    font-size: 150%;
    }

    #content .imagelink {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 4px;
    margin-top: 4px;
    }

    .imagelink a {text-decoration:none;}

    #header img {margin: 10px 10px 5px 5px}


    /* the area where the footer information is held at the bottom of the page */
    #footer {
    position:absolute;
    bottom:0;
    width:100%;
    height: 32px;
    background-color: #f5f5f5;
    border-top: 1px solid #e9e9e9;
    }

    #footer p {margin:0;margin-top:6px;padding:0}

    #footer a {color:#008080;}

    #footer a:hover {color:#000000;}

    * html #footer {height:33px;he\ight:32px;}

    /* divides the main content from the footer by including a dividing area */
    .divider1 {
    width:100%;
    height:5px;
    overflow:hidden;
    background:#fff;
    position:relative;
    border-bottom: 1px solid #e6e6e6;
    }

    #clearfooter {height:35px;width:100%;clear:both}

    .blank , .blank2 {
    position:absolute;
    left:547px;
    width:7px;
    height:0px;
    overflow:hidden;
    border-top: 1px solid #fff;
    }

    .blank {top:-1px;}
    .blank2 {bottom:-1px;border-top:1px solid #fff;}


    #email {margin-left:15px;}

    /* the header fonts and their various attributes */
    h2 {margin:3px;}

    h3 {font-size:130%;}

  6. #6
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok, can you post the HTML output instead? I don't need the PHP code, just the HTML output and CSS.

    And if you could, please use the [html*][/html] and [code*][/code] tags please (but without the asterisks), as it will not only preserve the formatting, but will also be easier to read.

  7. #7
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Probably a stupid question this, but when you're typing text into the text area are you using one long stream of characters without any spaces?

    FF won't wrap single groups of characters - it should however wrap words and phrases with spaces etc as per normal writing.
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project


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
  •