Solved

form putting space around images

Posted on 2002-04-11
8
119 Views
Last Modified: 2012-05-04
Hi! My page is split up into frames. In the left frame I have an index containing several buttons for navigation.  Each of these buttons needs to be a form because each one will be passing hidden fields.  My problem is that putting each button in a form puts such a space around each image, that it is causing the user to have to scroll down to view all the buttons. Well,I need the buttons all on the page with NO scrolling. I want to know if there is any way to minimize this space created by the forms.  When I get rid of the <form></form> around each button the space goes away.  Any ideas????? Thanks, Kirsten
0
Comment
Question by:klc20
8 Comments
 
LVL 19

Expert Comment

by:DreamMaster
ID: 6934272
Hmmm...might be able to solve this for you....but I will need the code to do so....

Max.
0
 
LVL 17

Accepted Solution

by:
dorward earned 150 total points
ID: 6934290
<form method="" action="" style="display: inline; padding: 0; margin: 0;">
0
 
LVL 19

Expert Comment

by:webwoman
ID: 6934408
You really shouldn't put each button in a form, it's rarely necessary. There should be ONE form, not many. And I really question the need for a form at all, if it's navigation.

Could you post a link to the page? You might get more help than you bargained for... ;-)

0
 
LVL 2

Expert Comment

by:coreyit
ID: 6934409
Though technically invalid html, an often used trick if you are using tables for your layout is to place the form tags between, say, the table and tr tags.

for example:

<table>
  <form>
    <tr><td><input type="image" src="..."></td></tr>
  </form>
  <form>
    <tr><td><input type="image" src="..."></td></tr>
  </form>
</table>

instead of

<table>
  <tr>
    <form>
      <td><input type="image" src="..."></td>
    </form>
  </tr>
  <tr>
    <form>
      <td><input type="image" src="..."></td>
    </form>
  </tr>
</table>

-corey
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 18

Expert Comment

by:bruno
ID: 6934504
why don't you just make the buttons into normal links, and put the hidden fields into the querystring?
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6934554
Dorwards solution is the most reliable.

Cd&
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6934559
Giving a B for an A answer, will make some of us reluctant to help in the future.

Cd&
0
 

Author Comment

by:klc20
ID: 6935765
didnt know 'B'was considered bad....sorry.  i guess im knew at this...
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…

947 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now