<input type="image"..> zu groß

[isabel]

liebe leute,

ich hab ein Problem mit einem inputtag type=image in einer Tabelle.
Es macht die Zellenhöhe etwa 30 px hoch,obwohl das  Bild drin nur 16 pixel hoch ist.

Hat ein <input type="image"..> noch irgentwelche Ränder oder sonstwas, was Platz einnimmt. Und wie kann ich das abschalten.

Das Form drumherum muß sein. Hab per CSS schon einiges versucht,wegen festen Höhen und dislay:inline, jetzt bin ich ratlos.

Beispielcode: gehört ein bild mit 16 pixel höhe rein
 <table cellspacing= "0" cellpadding="0" border="1">
              <tr >
                <td>
                  100003700
                </td>
                <td>
                </td>
                <td >
                  <form name="humanResourceSearchForm" method=
                  "post" action="/pafred/searchhr.do" >
                    <input type="hidden" name="op" value=
                    "select">
              <input type='hidden' name='id'
                    value='100003700'><input type="hidden" name=
                    "id" value="select"><input type="hidden"
                    name="target" value="main"><input type=
                    "hidden" name="form" value=""><input type=
                    "hidden" name="property" value="">
             <input
                    type="image"  name=""  src=
                    "images/projectAssistant/16x16simpleBlue/b_selectHuman.gif"
                      alt=
                    "Select Human Resource">
                  </form>
              </tr>
            </table>

Vielleicht weiß ja jemand weiter.

Tschüß
Isabel

[Ole]

hi

Vielleicht weiß ja jemand weiter.

ja, vieleicht :)...also, das form tag bekommt noch display:inline mit, darüber hinaus schreibst du alles was gleich folgt ohne zeilenumbruch in eine zeile:

<td><form name="humanResourceSearchForm" method="post" action="/pafred/searchhr.do" style="display: inline;"><input type="hidden" name="op" value="select"><input type='hidden' name='id' value='100003700'><input type="hidden" name="id" value="select"><input type="hidden" name="target" value="main"><input type="hidden" name="form" value=""><input type="hidden" name="property" value=""><input type="image"  name=""  src="images/projectAssistant/16x16simpleBlue/b_selectHuman.gif" alt="Select Human Resource"></form></td>

dann ist die zelle (du hattest in deiner source vergessen sie zu schliessen!) genau so hoch wie der button.

so long
ole
(8-)>

[isabel]

danke für die Ratschläge

Die Margins und Paddings des Forms auf Null setzten bringt mich weiter.

grüße
Isabel

[ovenfreshbread]

mit diesem CSS-Befehl:
table-layout:fixed
Wird die angegebene Grösse der Höhe oder Breite der Grösse des enthaltenen Inhalts vorgestellt, die Zelle also so groß gemacht, wie angegeben wird.
padding und margin bestimmen nur, wieviel Platz noch drumherum bzw. zwischen den Zellen gelassen wird.

[Stefan Bach]

Hallo,

ja, vieleicht :)...also, das form tag bekommt noch display:inline mit, darüber hinaus schreibst du alles was gleich folgt ohne zeilenumbruch in eine zeile:

Das schaut ja mal schrecklich verwurschtelt aus. Ist es valide das Form Tag und alle hidden Felder außerhalb der Tabelle zu plazieren?
Dann könnte man lediglich den Submit Button in die Zelle bringen und diesen als Block Level Element formatieren.
Da bleibt einem diese lange Zeilenwurscht erspart.

Viele Grüße,

Stefan

[Stefan Bach]

Hallo Isabel,

ich hab ein Problem mit einem inputtag type=image in einer Tabelle.
Es macht die Zellenhöhe etwa 30 px hoch,obwohl das  Bild drin nur 16 pixel hoch ist.

Das Form drumherum muß sein. Hab per CSS schon einiges versucht,wegen festen Höhen und dislay:inline, jetzt bin ich ratlos.

Dein Beispielcode ist aber sehr verwurschtelt, den schau ich mir jetzt lieber mal nicht an. Aber stelle sicher, dass alle Elemente in der Tabellenzelle "margin: 0; padding: 0; border: 0;" gesetzt haben.

Je nach Browser kann es sein, dass dein <form> Tag ein margin-top und/oder margin-bottom bekommt, falls du nicht etwas anderes angibst.

Viele Grüße,

Stefan

[Tobias K.]

Hallo Isabel,

Das Form drumherum muß sein.

logisch :-)

Hab per CSS schon einiges versucht,wegen festen Höhen

auch margin:0; und padding:0;?

und dislay:inline,

display:inline; - da fehlt noch ein "p"

<form name="humanResourceSearchForm" method=
                  "post" action="/pafred/searchhr.do" >
                    <input type="hidden" name="op" value=
                    "select">

vielleicht solltest du mal ein paar Zeilenumbrüche rausmachen?

Kann man sich das evtl. auch irgendwo anschauen?

Grüße aus Nürnberg
Tobias