• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Text in einer Zeile anzeigen

W

Wiggum1

Neues Mitglied
Nachdem ich über 1 Jahr nicht mehr mit HTML zu tun hatte, muss ich mich nun wieder etwas einarbeiten. Jetzt zu meinem Problem: Ich habe eine Tabelle, aber aus irgendeinem Grund werden "Test" und "Test2" nicht in einer Zeile angezeigt!

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>hallo</title>
  <link rel="stylesheet" href="style.css" type="text/css">
  <style type="text/css">
    h1
    {
    margin-left:20px;
    }
  </style>
</head>
<body>
<table align="left" border="0" width="1000" bgcolor="#FF0000" leftmargin="0" marginwidth="0">
<th>
<div align="left"><h1>test</h></div>
<div align="right">test1</div></th>

</body>
</html>
Woran liegt das? Weil der linke Text so groß ist? Und wie kann ich beide Wörter in eine Zeile bringen?
Wundert euch bitte nicht über meinen grässlichen Stil, habe noch viel Arbeit vor mir! :D
 
Also zuerst einmal hast du dein <h1> falsch geschlossen, es heißt </h1> und nicht </h> ;)

Die meisten Browser machen nach <div> einen Zeilenumbruch. Versuchs mal so:

Code: 
<div style="float:left;" align="left"><h1>test</h1></div>
<div align="right">test1</div>
<div style="clear:left;" />
 
Im genannten Vorschlag dürfte das rechte Div über die gesamte Breite laufen, align muss in dem Zusammenhang auch nicht definiert werden. Grundgerüst um 2 Divs nebeneinander zu stellen:
HTML: 
<div style="width:50%;float:right;">Rechts</div>
<div style="width:50%;">links</div>
Mit der Breite und anderen Faktoren lässt sich das dann beliebig anpassen.
Wenn sowieso tabellarisch Daten ausgegeben werden bietet sich allerdings die Nutzung entsprechenter Tabellenmöglichkeiten (<td>) an. Die Table-Funktion wird im Einstiegsbeispiel übrigens nicht geschlossen.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben