How do I fix the extra spaces forms cause inside of tables?
I learned a number of things today that I had never encountered before. I was working the EVS Minder interface, trying to finish that up at Esysdesign. I have been having some problems with repeating background graphics and surround graphics shifting when a dynamic HTML is included in a file using the Smarty templating system. The shifting was no more than 4 pixels total, on top and bottom of where the files was being inserted.
The protocol that my co-worker and I have adopted when dealing with form tags is to put them just inside of the body tags of an HTML page because when nested inside of a table, strange shifting happens.
It then stuck me that all of these pages had form fields, and that there might be default padding in the <form> selector. I went into the style sheet, set the margin and padding to 0 like should be done with a number of selectors. This totally eliminated my problem.
Here are some similar arcade posts
- Inserting a fireworks HTML file
- Formatting Ordered lists so they look like an outline in Microsoft Word.
- How do I control my margin vs. padding? Is there any other way to get around using the “child” element hack?
- I am getting an unexpected space between my graphics with I use the “object” tag to embed Flash movies.
- Setting Marginheight, Topmargin, etc. in Body depreciated.
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.











Comments
No comments yet.
Leave a comment