SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Addict Johana Solendhal's Avatar
    Join Date
    Aug 2004
    Location
    Land of the free
    Posts
    252
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How do I wrap this text

    Hola darlings!

    How can I wrap the Search text between the form and the input in such a way that the design structure of the form maintains?

    P.S. Can't use the <p> and headlines tags because they add the extra line between the text and the input field.

    <form method="get" action="search.php">Search:&nbsp;<input name="q" type="text" size="30">&nbsp;<input type="submit" value="Search"></form>

  2. #2
    SitePoint Zealot jungerpants's Avatar
    Join Date
    Nov 2003
    Location
    Washington, DC
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm not 100% sure I understand the question, but did you try a line break? <br>

  3. #3
    SitePoint Addict Johana Solendhal's Avatar
    Join Date
    Aug 2004
    Location
    Land of the free
    Posts
    252
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So sorry, I didn't explain myself correctly.

    Basically what I want is for the search text to display inline and not with the line break inherent to the paragraph tag.

  4. #4
    SitePoint Addict Johana Solendhal's Avatar
    Join Date
    Aug 2004
    Location
    Land of the free
    Posts
    252
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Is it possible to remove the line break from the <div> tag?

  5. #5
    SitePoint Wizard Pedro Monteiro's Avatar
    Join Date
    Sep 2002
    Location
    Lisbon
    Posts
    1,393
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Only through CSS.

    Try this:

    display:inline;

  6. #6
    SitePoint Addict Johana Solendhal's Avatar
    Join Date
    Aug 2004
    Location
    Land of the free
    Posts
    252
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Gracias Pedro, tried that but still getting into trouble.

    But how can this not be validating:

    <table cellspacing="0" cellpadding="0" class="searchtable">
    <tr>
    <td class="searchtabletabone">&nbsp;</td>
    <td class="searchtabletabsecond"><br /><div class="searchboxstyle"><form method="get" action="search.php"><input name="q" type="text" size="30" /><input type="submit" value="Search" /></form></div></td>
    </tr>
    </table><br />

  7. #7
    SitePoint Wizard Pedro Monteiro's Avatar
    Join Date
    Sep 2002
    Location
    Lisbon
    Posts
    1,393
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Joahana, you have to surround the input area with a <div> or <p> tag. To remove the line break use the CSS just has I showed you.

  8. #8
    SitePoint Wizard Pedro Monteiro's Avatar
    Join Date
    Sep 2002
    Location
    Lisbon
    Posts
    1,393
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here you go:

    <table cellspacing="0" cellpadding="0" class="searchtable">
    <tr>
    <td class="searchtabletabone">&nbsp;</td>
    <td class="searchtabletabsecond"><br /><form method="get" action="search.php"><div class="searchboxstyle"><div class="searchboxstyle">Search&nbsp;</div><input name="q" type="text" size="30" /><div class="searchboxstyle">&nbsp;</div><input type="submit" value="Search" /></div></form></td>
    </tr>
    </table><br />


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
  •