AGB  ·  Datenschutz  ·  Impressum  







Anmelden
Nützliche Links
Registrieren
Zurück Delphi-PRAXiS Programmierung allgemein Programmieren allgemein HTML - Tabellen Zeilen Abstand verringern

HTML - Tabellen Zeilen Abstand verringern

Ein Thema von xxsasch4xx · begonnen am 26. Apr 2011 · letzter Beitrag vom 26. Apr 2011
Antwort Antwort
Seite 1 von 2  1 2   
xxsasch4xx

Registriert seit: 1. Mär 2010
210 Beiträge
 
#1

HTML - Tabellen Zeilen Abstand verringern

  Alt 26. Apr 2011, 19:02
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>
Miniaturansicht angehängter Grafiken
tabelle.jpg  
  Mit Zitat antworten Zitat
Benutzerbild von s.h.a.r.k
s.h.a.r.k

Registriert seit: 26. Mai 2004
3.159 Beiträge
 
#2

AW: HTML - Tabellen Zeilen Abstand verringern

  Alt 26. Apr 2011, 19:06
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>
»Remember, the future maintainer is the person you should be writing code for, not the compiler.« (Nick Hodges)

Geändert von s.h.a.r.k (26. Apr 2011 um 19:11 Uhr)
  Mit Zitat antworten Zitat
xxsasch4xx

Registriert seit: 1. Mär 2010
210 Beiträge
 
#3

AW: HTML - Tabellen Zeilen Abstand verringern

  Alt 26. Apr 2011, 19:12
Und wie bekomm ich das hin, dass die Checkbox richtig ausgerichtet ist, genauso wie das oberere Eingabefeld?
  Mit Zitat antworten Zitat
Benutzerbild von Phoenix
Phoenix
(Moderator)

Registriert seit: 25. Jun 2002
Ort: Hausach
7.516 Beiträge
 
#4

AW: HTML - Tabellen Zeilen Abstand verringern

  Alt 26. Apr 2011, 19:13
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:
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.
Sebastian P.R. Gingter
不死鳥 Visit my Blog.
Do not argue with an idiot. They lower you to their level and then try to beat you with experience.

Geändert von Phoenix (26. Apr 2011 um 19:15 Uhr)
  Mit Zitat antworten Zitat
xxsasch4xx

Registriert seit: 1. Mär 2010
210 Beiträge
 
#5

AW: HTML - Tabellen Zeilen Abstand verringern

  Alt 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.
  Mit Zitat antworten Zitat
xxsasch4xx

Registriert seit: 1. Mär 2010
210 Beiträge
 
#6

AW: HTML - Tabellen Zeilen Abstand verringern

  Alt 26. Apr 2011, 20:12
Wie geht das den jetzt mit der Checkbox oder kann das keiner sagen?
  Mit Zitat antworten Zitat
Benutzerbild von Matze
Matze
(Co-Admin)

Registriert seit: 7. Jul 2003
Ort: Schwabenländle
14.987 Beiträge
 
Turbo Delphi für Win32
 
#7

AW: HTML - Tabellen Zeilen Abstand verringern

  Alt 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.
  Mit Zitat antworten Zitat
xxsasch4xx

Registriert seit: 1. Mär 2010
210 Beiträge
 
#8

AW: HTML - Tabellen Zeilen Abstand verringern

  Alt 26. Apr 2011, 20:22
:-O
  Mit Zitat antworten Zitat
-187-

Registriert seit: 24. Sep 2005
483 Beiträge
 
Delphi 2010 Architect
 
#9

AW: HTML - Tabellen Zeilen Abstand verringern

  Alt 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.
  Mit Zitat antworten Zitat
Benutzerbild von himitsu
himitsu
Online

Registriert seit: 11. Okt 2003
Ort: Elbflorenz
36.972 Beiträge
 
Delphi 10.4 Sydney
 
#10

AW: HTML - Tabellen Zeilen Abstand verringern

  Alt 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
Garbage Collector ... Delphianer erzeugen keinen Müll, also brauchen sie auch keinen Müllsucher.
Delphi-Tage 2005-2014
  Mit Zitat antworten Zitat
Antwort Antwort
Seite 1 von 2  1 2   

Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Ansicht

Forumregeln

Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Gehe zu:

Impressum · AGB · Datenschutz · Nach oben
Alle Zeitangaben in WEZ +1. Es ist jetzt 22:33 Uhr.
Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2020 by Daniel R. Wolf