Css form tabless

•

What is DaniWeb IT Discussion Community?

You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 374,176 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,458 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our HTML and CSS advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 558 | Replies: 2

•

Join Date: Mar 2008

Posts: 53

Reputation: forzadraco is an unknown quantity at this point

Rep Power: 1

Solved Threads: 1

forzadraco forzadraco is offline

Offline

Junior Poster in Training

Css form tabless

Mar 24th, 2008

i have a code like :

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<table width="242" cellpadding="0" cellspacing="0" class="Form">
      <tr>
       <td width="11" class="leftTopForm small">&nbsp;</td>
       <td width="174" class="centerTBForm small">&nbsp;</td>
       <td width="55" class="rightTopForm small">&nbsp;</td>
      </tr>
	  <tr>
       <td colspan="3" class="mainForm"><p>User :<br>
         <input type="text" name="textfield2">
       </p>
         <p>Password:
           <input type="password" name="textfield3">
           <br />
           <br />
           <a href="#"><img src="_images/submit.png" border="0"></a></p></td>
      </tr>
      <tr>
       <td class="leftbottomForm small">&nbsp;</td>
       <td class="centerTBForm small">&nbsp;</td>
       <td class="rightBottomForm small">&nbsp;</td>
      </tr>
     </table>
<table width="242" cellpadding="0" cellspacing="0" class="Form">
      <tr>
       <td width="11" class="leftTopForm small">&nbsp;</td>
       <td width="174" class="centerTBForm small">&nbsp;</td>
       <td width="55" class="rightTopForm small">&nbsp;</td>
      </tr>
	  <tr>
       <td colspan="3" class="mainForm"><p>User :<br>
         <input type="text" name="textfield2">
       </p>
         <p>Password:
           <input type="password" name="textfield3">
           <br />
           <br />
           <a href="#"><img src="_images/submit.png" border="0"></a></p></td>
      </tr>
      <tr>
       <td class="leftbottomForm small">&nbsp;</td>
       <td class="centerTBForm small">&nbsp;</td>
       <td class="rightBottomForm small">&nbsp;</td>
      </tr>
     </table>

my question is how to make this table-less, because it semi table-css ..?
anyone can help me?

Last edited by peter_budo : Mar 25th, 2008 at 3:02 pm. Reason: Keep It Organized - please use [code] tags

•

Join Date: Mar 2008

Posts: 15

Reputation: csshacker is an unknown quantity at this point

Rep Power: 1

Solved Threads: 1

csshacker

Offline

Banned

Re: Css form tabless

Mar 25th, 2008

Hello, Here is a simple table less form

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<form action="http://www.mywebsite.com" method="post">
	<div style="width: 35%;">
		<br />
		<span style="width: 20%;">User Id : </span>
		<span><input type="text" type="user_id"></span>
 
		<br />
		<span style="width: 20%;">Password : </span>
		<span><input type="password" name="user_id"></span>
 
		<br />
		<span style="width: 20%;"> &nbsp; </span>
		<span><input type="submit" name="submit" value=" Login "></span>
	</div>
</form>
<form action="http://www.mywebsite.com" method="post">
	<div style="width: 35%;">
		<br />
		<span style="width: 20%;">User Id : </span>
		<span><input type="text" type="user_id"></span>
		
		<br />
		<span style="width: 20%;">Password : </span>
		<span><input type="password" name="user_id"></span>
		
		<br />
		<span style="width: 20%;"> &nbsp; </span>
		<span><input type="submit" name="submit" value=" Login "></span>
	</div>
</form>

Last edited by peter_budo : Mar 25th, 2008 at 3:03 pm. Reason: Keep It Organized - please use [code] tags + Keep It Spam-Free - Do not spam, advertise, plug your website, or engage in any other type of self promotion.