spacing Forms

  • swooshn
  • Novice
  • Novice
  • No Avatar
  • Joined: Sep 29, 2003
  • Posts: 17
  • Loc: college park
  • Status: Offline

Post June 8th, 2004, 9:37 am

I'm using dreamweaver Mx, How do i space the Form boxes? Dreamweaver seems to only have single spacing or no spacing. I'm trying to space them in the middle and or can i manipulate them in way where i can control exactly where i would like them place??
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post June 8th, 2004, 9:37 am

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post June 8th, 2004, 10:32 am

I think tables are still best for organizing forms. That way you can use cellpadding and cellspacing, or CSS margins/padding to space the form elements.
- dM
  • swooshn
  • Novice
  • Novice
  • No Avatar
  • Joined: Sep 29, 2003
  • Posts: 17
  • Loc: college park
  • Status: Offline

Post June 8th, 2004, 10:45 am

I did use tables and cellspacing and i SQUEEZED them real tight but on IE
they were still single spaced????

On the matter of CSS, i'm not familiar with it too much, I tried it once, and had a little success. I haven't utilized that tool much. Can you give some tips on how to use CSS for the Forms
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post June 8th, 2004, 12:02 pm

Code: [ Select ]
<style>td{margin:3px;padding:0;}</style>
<table>
<tr>
  <td>
   username:</td>
  <td>
   <input type="text" name="username"</td></tr></table>
  1. <style>td{margin:3px;padding:0;}</style>
  2. <table>
  3. <tr>
  4.   <td>
  5.    username:</td>
  6.   <td>
  7.    <input type="text" name="username"</td></tr></table>


This is an example. In the CSS definition I'm defining all TD's at once. Here I've applied a 3px margin, I could have expanded that to read...
Code: [ Select ]
TD{margin:2px 4px 2px 10px;}

Notice there are 4 values - the first is the top margin, then it works around the object clockwise, so TOP - RIGHT - BOTTOM - LEFT.

HTH!
- dM

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 158 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.