input-Feld verzieht die Darstellung

Status
Nicht offen für weitere Antworten.

msycho

Erfahrenes Mitglied
Hallo.

Und zwar habe ich eine Webseite in Tabellenform.
Darunter ist eine Zeile, die aufgeteilt in 2 Spalten ist. Links ein paar links und rechts eine Suche. Und genau bei der Suche ist das Problem. Die Zeile ist 22px hoch. Platziere ich nun für die Suche die Input-Felder, ziehts die Zeile in der Höhe größer. Ca. 15px.

Hier mal die Stelle:

Code:
<tr>
        <td width="70%" height="22" bgcolor="#d86a6a" align="left"><img border="0" height="0" width="20" alt="" title="" src="images/blank.gif"><a class="navkopf" href="include.php?path=start.php">Home</a></td>
        <td width="30%" align="right">
        <form encType="multipart/form-data" method="post" action="include.php?path=content/searchresult.php">
        <input type="text" name="search_text" size="13" value="Contentsuche" onBlur="if (value == '') {value = 'Contentsuche'}" onFocus="if (value == 'Contentsuche') {value =''}">
	    <input type="hidden" name="action" value="$lang[go]">
	    <input type="submit" name="search" value="Go">
   		<font class="small"> | <a class="small" href="include.php?path=content/search.php">Erweiterte Suche</a></font>
		</form>
		</td>
           </tr>

Dazu die Stelle aus dem CSS-File:

Code:
input , option , select , textarea , textfield {
 border : 1px solid #5A5D5A;
 background-color : #FFFFFF;;
 font-size : 10px;
 font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
 color : #5A5D5A;
}

Habt Ihr eine Idee, wie ich das so hinbekomme, dass die Zeile nicht in der Höhe größer wird?
 
Hi,

setz mal die Polsterungseigenschaften für das Formular auf null:

Code:
form {
margin: 0;
padding: 0;
}

Das Thema wird ins CSS-Board verschoben.
 
Ich danke Dir recht herzlich. Nun kommt es zu keiner Verschiebung mehr.


PS: Entschuldige, dass ich in das falsche Forum gepostet habe.
 
Status
Nicht offen für weitere Antworten.
Zurück