hey guys,
i was wondering why (and if there is away around it, or better way) is it that when you put form tags aroudn something it pushes the rest of the content down?
i have just come accross this now. this is what i got
<form action=search_2.php>
<!-- Begin Nav center -->
<div id="navcenter">
<ul>
<li><input type="text" name="keyword" class="search_box">
<input type="submit" value="Search" class="search_btn"></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"/index.php" onfocus="this.blur()">Home</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"/about.php" onfocus="this.blur()">About</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"/contact.php" onfocus="this.blur()">Contact</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"/examples.php" onfocus="this.blur()">Examples</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"/cart.php" id="current" onfocus="this.blur()">Shopping Cart</a></li>
</ul>
</div>
<!-- End Nav Center -->
</form>
i have added in a text box and button for a search in my nav, how ever it has put what seems like white space in. when i take the form tags out it goes back to normal.
anyone know whats going on?
thanx!Try <form style="margin:0;" ... and see what happens.purfect thanx alot ray326 didnt know you could style form tags!That's the power of CSS; you can apply styles to any tag. Of course the browser has to cooperate.
Originally posted by ray326
Paraphrasing Douglas Adams, "A nerd is someone who uses a computer to talk to other people about computers."
Paraphrasing ray326, "A geek is someone who uses a computer to talk to other computers about people."
Originally posted by NogDog
Paraphrasing ray326, "A geek is someone who uses a computer to talk to other computers about people." And according to the W3C a dweeb is a "young excitable person who may mature into a Nerd or Geek." ( <!-- m --><a class="postlink" href="http://www.w3.org/TR/html401/struct/lists.html#h-10.3">http://www.w3.org/TR/html401/struct/lists.html#h-10.3</a><!-- m --> )
i was wondering why (and if there is away around it, or better way) is it that when you put form tags aroudn something it pushes the rest of the content down?
i have just come accross this now. this is what i got
<form action=search_2.php>
<!-- Begin Nav center -->
<div id="navcenter">
<ul>
<li><input type="text" name="keyword" class="search_box">
<input type="submit" value="Search" class="search_btn"></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"/index.php" onfocus="this.blur()">Home</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"/about.php" onfocus="this.blur()">About</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"/contact.php" onfocus="this.blur()">Contact</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"/examples.php" onfocus="this.blur()">Examples</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"/cart.php" id="current" onfocus="this.blur()">Shopping Cart</a></li>
</ul>
</div>
<!-- End Nav Center -->
</form>
i have added in a text box and button for a search in my nav, how ever it has put what seems like white space in. when i take the form tags out it goes back to normal.
anyone know whats going on?
thanx!Try <form style="margin:0;" ... and see what happens.purfect thanx alot ray326 didnt know you could style form tags!That's the power of CSS; you can apply styles to any tag. Of course the browser has to cooperate.
Originally posted by ray326 Paraphrasing Douglas Adams, "A nerd is someone who uses a computer to talk to other people about computers."
Paraphrasing ray326, "A geek is someone who uses a computer to talk to other computers about people."
Originally posted by NogDog Paraphrasing ray326, "A geek is someone who uses a computer to talk to other computers about people."
And according to the W3C a dweeb is a "young excitable person who may mature into a Nerd or Geek." ( <!-- m --><a class="postlink" href="http://www.w3.org/TR/html401/struct/lists.html#h-10.3">http://www.w3.org/TR/html401/struct/lists.html#h-10.3</a><!-- m --> )