Tabellenzellen, Ausrichtung Einstellungen

[Zsolt]

Hallo alle Experten
Ich bitte um eine kurze Hilfestellung:

Auf der Seite

www.elternlobby.ch

im unteren Frame
auf dem grauen Querbalken

sind folgede Elemente im TR aufgereiht:
Ein Textfeld
Die Lupe gif
(Stegzelle)
in der Mitte ein Verlinkter Text
(Stegzelle)
rechts ein verlinkter Text

Mein Problem:
Das Textfeld links ist ein Suchmaschinenfeld.
Das positioniert sich irgendwie wertikal in die Tabellenzelle hinein.
Die Vertikale Ausrichtung des Textfelds und der anderen Elemente in der selben Zeile stimmen nicht überein - und ich weiss nicht warum.
Ich hab versucht mit valign und mit dem Anpassen des Hintergrundbildes mit dem graublauen Querbalken auszugleichen, aber es ist nicht sehr befriedigend.
Wie kann ich das Textfeld vertikal ausrichten?

Ich bin sicher, dass ein Pro im Quelltext auf den ersten Blick sieht, was los ist ; ))

Ich bedanke mich für jeden Hinweis

Zsolt

[Thomas]

Den Skript-Teil in den HEAD-Bereich, TH durch TD ersetzen, unnötige FONT-Tags entfernen und dann einfach noch das VALIGN-Attribug weg - dann sollte es so ähnlich aussehen wie es dir wohl vorschwebt. Ansonsten schließe ich mich meinen Vorschreibern an, speziell was den Punkt graues Eingabefeld auf grauem Grund betrifft.

CODE

<table><tr><td>
<form action="http://www.google.com/search" method="get" onsubmit="Gsitesearch(this)">
<input name="q" type="hidden">
<input name="qfront" style="width: 145px; background-color: rgb(200, 214, 222);" type="text">
<input name="search[submit_button]" style="border: 0pt none ;" value="Submit" src="grafik/seiten/hauptseite/lupe2.gif" type="image">
</form>
</td>
<td></td>
<td style="text-align: center;">
<a href="deutsch/kantone/baselland_initiative.html"><b>Volksinitiative 'Ja, Bildungsvielfalt für alle'</b></a>
</td>
<td></td>
<td style="text-align: center;">
<a href="deutsch/news/news.html"><b>Veranstaltungen</b></a>
</td></tr></table>

[Zsolt]

Hallo, vielen Dank für Eure Hilfe

@Thomas:
Dein Textvorschlag ist gut; ich habs auch angewendet - das Suchmaschinenfeld ist grade richtig, nur kommen dabei die Texte in den zwei anderen Zellen 'Volksinitiative ...' und 'Veranstaltungen' zu weit nach unten, und es reagiert nicht auf valign oder so. Hast Du einen Vorschlag? Ich habe die Datei hochgeladen, damit ich nicht die Online-Version überschreiben muss.

@ ibg
Suchmaschinenfeld verschwindet im grauen Dunst - das ist natürlich richtig, und es bekommt noch einen feinen Rahmen oder so. th-tags sind eine Folge vom Rumbasteln. Die Felder waren vorher noch ohne grauen Querbalken da - siehe französische Version.
Dass aber der Quelltext unstrukturiert sei, das verwundert mich ein wenig. Ich habe seinerzeit alles von Hand geschrieben und jede Tabellenzeile ist mit Auskommentierungen gekennzeichnet, damit ich auf einen Blick finde was ich suche ...
Wie würdest Du denn das Ganze strukturieren? Ich arbeite nur mit phase und manchmal sogar nur mit dem Texteditor ohne wysiwyg-klimbim.

@all
So wegen Strukturierung:
Die Ganze Übung mit den 0.gif und so ist der Versuch ein grosses Hintergrundbild pixelgenau auf die Tabellenzellenbreiten abzustimmen. Habt ihr da eine bessere Idee? Wenn ich eine Vereinfachung wüsste, würde ich die Arbeit, alles umzubauen, auf mich nehmen. : )

Grüsse aus der Schweiz
Zsolt

Angehängte Datei(en)

 main.html ( 9.04KB ) Anzahl der Downloads: 1

 

[i.b.g]

Hallo,

Wie würdest Du denn das Ganze strukturieren?

ich meine damit, dass es der besseren Lesbarkeit wegen besser ist, wenn man den Quelltext mit Hilfe von Einrückungen so gliedert, dass der HTML-Baum besser erkennbar wird. Z.B.:

QUELLTEXT

<table>
  <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

Manchmal ist es sogar zu empfehlen, die Einrückungen noch etwas tiefer zu wählen.

[Zsolt]

Hi
Da hast Du wohl recht, es wäre ein wenig übersichtlicher.
Danke für den Tip.
Zsolt