?
Solved

form putting space around images

Posted on 2002-04-11
8
Medium Priority
?
124 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 450 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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
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

WordPress Tutorial 3: Plugins, Themes, and Widgets

The three most common changes you will make to your website involve the look (themes), the functionality (plugins), and modular elements (widgets).

In this article we will briefly define each again, and give you directions on how to install them.

Question has a verified solution.

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

Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
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…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

743 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