Solved

form putting space around images

Posted on 2002-04-11
8
123 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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
Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

 
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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

696 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