Der entscheidende Bereich enthält eine Vielzahl von Angaben. Ich habe sie mal alle rausgeschmissen und beide Bereiche angeglichen - ein style="vertical-align: middle;" bringt sie nun dorthin, wo sie hin sollen.
Das funktioniert für Firefox sehr schön, beim IE muss man die Buttons noch ein bisserl hübschen (Höhe via CSS-Style).
Durchgeführte Änderungen:
- Tag <button> durch <input type="submit" ...> ersetzt.
- Die ganzen zusätzlichen <table> usw. entfernt.
- Die Reihenfolge der Eigenschaften in den <input> Tags angeglichen (type -> name -> value -> style -> sonstiges)
- Dem Submit für den Newsletter einen Namen gegeben
- Ein Value = "" ergänzt, wo es fehlte
- Die Class-Angabe "weisser Text" (oder sowas ähnliches) für das Newsletter-<td>-Tag entfernt
- Statt border: 0px solid black einfach nur border: none gesetzt
- Gleichen Style für Newsletter-Eingabefeld wie für Suchen-Feld gesetzt (width geraten)
- style: vertical-align; für die <td>-Tags für Suchen und Newsletter ergänzt
Ich hoffe, das war das gewünschte Ergebnis (Firefox):
Resultierender Code (Ausschnitt):
Code: Alles auswählen
<td background="index.php_dateien/lines.gif" width="49"><img src="index.php_dateien/07.gif" alt="Suche"></td>
<td background="index.php_dateien/lines.gif" width="460" style="vertical-align: middle;">
<form action="/cms/front_content.php?idcat=134" method="post" style="margin: 0pt;">
<input type="text" name="searchEntry" value="" style="border: none; width: 350px;">
<input type="hidden" name="logical" value="or">
<input type="submit" name="s" value="Suchen" style="border: none; color: black; background-color: rgb(255, 255, 255);" size="2">
</form></td>
<td background="index.php_dateien/lines.gif" width="88"><img src="index.php_dateien/08.gif" alt="Newsletter" height="30" width="83"><img src="index.php_dateien/lines.gif" height="30" width="5"></td>
<td background="index.php_dateien/lines.gif" style="vertical-align: middle;">
<form action="front_content.php" method="post" style="margin: 0pt;">
<input type="hidden" name="idcatart" value="32">
<input type="hidden" name="mode" value="subscribe">
<input type="text" name="email" value="" style="border: 0px solid black; width: 200px;" size="25">
<input type="submit" name="sn" value="Senden" style="border: none; color: black; background-color: rgb(255, 255, 255);">
</form></td>
</tr></tbody>
Gruß
HerrB
P.S.: Das Suchen-Formular verweist auf cms/front_content.php, das Newsletter-Formular nur auf front_content.php - ist das so richtig?
Was macht ein Size=2 für einen Button?
Keine Garantie, dass die Formulare jetzt noch Funzen - testen...