HTML - Tabellen Zeilen Abstand verringern

**xxsasch4xx**

Ich hätte gerne, dass die Überschriften "Vorname" und "Wohnort" näher an die beiden Eingabe Felder runter rücken.
Also so, dass dazwischen nicht so viel Platz ist wie jetzt.

Aber in der zweiten Lücke zwischen den Zeilen 2 und 3, soll der Abstand am liebsten so bleiben wie er ist.

Außerdem hätte ich es gerne, dass die Checkbox besser ausgerichtet ist, also dass sie direkt unter dem ersten Eingabe Feld steht. Die Checkbox ist nämlich etwas verschoben.

Ich habe auch ein Bild angehangen, wie es jetzt aussieht.

markieren

Code:

			<html>

<head>

<title> hallo </title>

</head>

<body>

 <table>

      <tr>

      <td>

     Vorname

      </td>

      <td>

     Wohnort

      </td>

      </tr>

      <tr>

      <td>

      <input type="text" name="name" size = "20">

      </td>

      <td>

      <input type="text" name="Wohnort" size ="14">

      </td>

      <td>

      </td>

      <tr>

      <td>

      <input type="checkbox"><font size="2"> Daten sichern </font>

      </td>

      </tr>

      </font>

      </table>

     </body>

     </html>

**s.h.a.r.k**

markieren

Code:

			<!DOCTYPE html>

<html lang="de">

<head>

   <title> hallo </title>

</head>

<body>

   <table cellpadding="0" cellspacing="0" border="0">

      <tr>

         <td>Vorname</td>

         <td>Wohnort</td>

      </tr>

      <tr>

         <td style="padding-right: 10px;">

            <input type="text" name="name" style="width: 120px;">

         </td>

         <td>

            <input type="text" name="Wohnort" style="width: 120px;">

         </td>

      </tr>

      <tr>

         <td>

            <input type="checkbox">

            Daten sichern

         </td>

      </tr>

   </table>

</body>

</html>

**xxsasch4xx**

Und wie bekomm ich das hin, dass die Checkbox richtig ausgerichtet ist, genauso wie das oberere Eingabefeld?

**Phoenix**

Was erwartest Du denn jetzt von uns? Dass wir Dein Table-Layout (pfuibah) richtig hinschubbsen?

Du kannst mittels CSS-Angaben die Abstände der Zellen ändern. Ich würde jedoch eher hergehen und die Tabelle rauswerfen und das als Unorderd List mit Labels für die Eingabefelder lösen. Hier hast Du bessere Kontrolle über das Layout und vor allem funktioniert das am Ende auch mit Screenreadern einwandfrei.

Edith sagt:

Zitat von xxsasch4xx:

Und wie bekomm ich das hin, dass die Checkbox richtig ausgerichtet ist, genauso wie das oberere Eingabefeld?

In welchem Browser denn? Du solltest in der Zwischenzeit festgestellt haben dass die Tabelle im Internet Explorer anders dargestellt wird als im Firefox, Chrome, Safari oder Opera.

**xxsasch4xx**

Ne hab noch nie gemerkt, dass die verschiendenen Browser das anders darstellen. Ich benutze immer nur den Firefox Browser.
Das sieht aber bei Firefox und bei Internet Explorer genauso aus bei mir und ich denke das sind eh die beliebtesten Browser.

**xxsasch4xx**

Wie geht das den jetzt mit der Checkbox oder kann das keiner sagen?

**Matze**

Können schon, aber wollen nicht. Zumindest nicht bei der Pusherei.
Pushe zukünftig bitte frühestens nach 24 Stunden.

**xxsasch4xx**

:-O

**-187-**

Schmeiß die Tabellen weg und bau dir ein div Container Layout. Und gewöhn dir besser in Zukunft an einigermaßen formatierten Code zu posten - Ein wunder das überhaupt wer antwortet.

**himitsu**

Tipp:

www.selfhtml.org

(selbst HTML schreiben, incl. CSS und JavaScript)

es gibt auch noch andere Seiten, welche teilweise moderner sind, aber es wird schon ausreichen

www.selfphp.de

HTML - Tabellen Zeilen Abstand verringern

HTML - Tabellen Zeilen Abstand verringern

AW: HTML - Tabellen Zeilen Abstand verringern

AW: HTML - Tabellen Zeilen Abstand verringern

AW: HTML - Tabellen Zeilen Abstand verringern

AW: HTML - Tabellen Zeilen Abstand verringern

AW: HTML - Tabellen Zeilen Abstand verringern

AW: HTML - Tabellen Zeilen Abstand verringern

AW: HTML - Tabellen Zeilen Abstand verringern

AW: HTML - Tabellen Zeilen Abstand verringern

AW: HTML - Tabellen Zeilen Abstand verringern

Forumregeln

xxsasch4xx Registriert seit: 1. Mär 2010 210 Beiträge	#3 AW: HTML - Tabellen Zeilen Abstand verringern 26. Apr 2011, 19:12 Und wie bekomm ich das hin, dass die Checkbox richtig ausgerichtet ist, genauso wie das oberere Eingabefeld?
	Zitat

xxsasch4xx Registriert seit: 1. Mär 2010 210 Beiträge	#5 AW: HTML - Tabellen Zeilen Abstand verringern 26. Apr 2011, 19:20 Ne hab noch nie gemerkt, dass die verschiendenen Browser das anders darstellen. Ich benutze immer nur den Firefox Browser. Das sieht aber bei Firefox und bei Internet Explorer genauso aus bei mir und ich denke das sind eh die beliebtesten Browser.
	Zitat

xxsasch4xx Registriert seit: 1. Mär 2010 210 Beiträge	#6 AW: HTML - Tabellen Zeilen Abstand verringern 26. Apr 2011, 20:12 Wie geht das den jetzt mit der Checkbox oder kann das keiner sagen?
	Zitat

Matze (Co-Admin) Registriert seit: 7. Jul 2003 Ort: Schwabenländle 14.929 Beiträge Turbo Delphi für Win32	#7 AW: HTML - Tabellen Zeilen Abstand verringern 26. Apr 2011, 20:14 Können schon, aber wollen nicht. Zumindest nicht bei der Pusherei. Pushe zukünftig bitte frühestens nach 24 Stunden.
	Zitat

xxsasch4xx Registriert seit: 1. Mär 2010 210 Beiträge	#8 AW: HTML - Tabellen Zeilen Abstand verringern 26. Apr 2011, 20:22 :-O
	Zitat

-187- Registriert seit: 24. Sep 2005 483 Beiträge Delphi 2010 Architect	#9 AW: HTML - Tabellen Zeilen Abstand verringern 26. Apr 2011, 20:25 Schmeiß die Tabellen weg und bau dir ein div Container Layout. Und gewöhn dir besser in Zukunft an einigermaßen formatierten Code zu posten - Ein wunder das überhaupt wer antwortet.
	Zitat

himitsu Registriert seit: 11. Okt 2003 Ort: Elbflorenz 44.184 Beiträge Delphi 12 Athens	#10 AW: HTML - Tabellen Zeilen Abstand verringern 26. Apr 2011, 20:41 Tipp: www.selfhtml.org (selbst HTML schreiben, incl. CSS und JavaScript) es gibt auch noch andere Seiten, welche teilweise moderner sind, aber es wird schon ausreichen www.selfphp.de $2B or not $2B
	Zitat