Solved

form putting space around images

Posted on 2002-04-11
8
121 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
Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

 
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
 
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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

829 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