Delphi-PRAXiS - HTML - Tabellen Zeilen Abstand verringern

Seite 1 von 2

40 Beiträge dieses Themas auf einer Seite anzeigen

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - HTML - Tabellen Zeilen Abstand verringern (https://www.delphipraxis.net/160082-html-tabellen-zeilen-abstand-verringern.html)

xxsasch4xx

26. Apr 2011 18:02

HTML - Tabellen Zeilen Abstand verringern

Liste der Anhänge anzeigen (Anzahl: 1)

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.

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

26. Apr 2011 18:06

AW: HTML - Tabellen Zeilen Abstand verringern

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

26. Apr 2011 18:12

AW: HTML - Tabellen Zeilen Abstand verringern

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

Phoenix

26. Apr 2011 18:13

AW: HTML - Tabellen Zeilen Abstand verringern

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:

Zitat von xxsasch4xx (Beitrag 1097084)

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

26. Apr 2011 18:20

AW: HTML - Tabellen Zeilen Abstand verringern

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

26. Apr 2011 19:12

AW: HTML - Tabellen Zeilen Abstand verringern

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

Matze

26. Apr 2011 19:14

AW: HTML - Tabellen Zeilen Abstand verringern

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

xxsasch4xx

26. Apr 2011 19:22

AW: HTML - Tabellen Zeilen Abstand verringern

:-O

-187-

26. Apr 2011 19:25

AW: HTML - Tabellen Zeilen Abstand verringern

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

26. Apr 2011 19:41

AW: HTML - Tabellen Zeilen Abstand verringern

Tipp:

www.selfhtml.org :stupid: (selbst HTML schreiben, incl. CSS und JavaScript)

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

www.selfphp.de

Alle Zeitangaben in WEZ +1. Es ist jetzt 16:01 Uhr.

Seite 1 von 2

40 Beiträge dieses Themas auf einer Seite anzeigen