Ausrichtung der Zellen
Sladi
- html
0 jürgen j.0 Sladi0 Thomas Luethi0 Sladi0 Thomas Luethi0 Sladi0 Thomas Luethi0 Sladi
0 Detlef G.
Hallo Leute
Ich habe ein Problem mit ausrichten der Zellen in verschiedenen unterander angelegten Tabellen.
Es ist eine Rechnung die aus fünf Tabellen besteht. Leider habe ich Probleme mit den ausrichten der Zellen, links aber auch rechts es klappt einfach nicht.
Kann mir jemand bei dieser Sache helfen, meine Logik lest nicht zu um das zu verstehen, obwohl ich alles ausgerechnet habe, die Summe alle Zellen ist die breite der Tabelle.
Es stimmt einfach nicht, ich habe das Gefühl HTML macht was es will.
Ich Bitte um Hilfe oder eine Erklärung warum ist es so schwierig eine gute Ausrichtung der Zellen und darin vorhandenen Text herzustellen.
Hallo!
Kann mir jemand bei dieser Sache helfen, meine Logik lest nicht zu um das zu verstehen, obwohl ich alles ausgerechnet habe, die Summe alle Zellen ist die breite der Tabelle.
Nein, solange wir dein Problem nicht kennen, kann Die keiner helfen.
tschüs, jürgen
Wie kann ich es am besten beschreiben, die sch... Zellen und darin erhaltene Text kann ich nicht links ausrichten. Ich will eine Rechnung darstellen die verschiedene Zellen beinhaltet wo später ein wert eingetragen wird.
Frage: Darf ich den HTML hier Publizieren?
Hallo,
Frage: Darf ich den HTML hier Publizieren?
Ja, Du darfst und sollst hier HTML- und CSS-Quellcode publizieren,
wenn es zur Loesung Deines Problems hilfreich ist.
Einfach mit Copy-Paste ins Feld uebernehmen.
Bitte nur den jeweils relevanten Quelltext, evtl. gekuerzt.
(Natuerlich solltest Du keine geheimen Daten veroeffentlichen.)
Ich schaetze es allerdings noch mehr, wenn man
eine Beispiel-Seite online stellt und hier die URL
angibt, natuerlich als Link (</faq/#Q-19>).
Bitte lies aber auch, wie man (zeitgemaess) mit CSS
http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm
sowie (veraltet) mit HTML
http://selfhtml.teamone.de/html/tabellen/gestaltung.htm#ausrichtung_zellen
den Inhalt von Tabellenzellen ausrichten kann.
Gruesse,
Thomas
Hi..
Ich habe nur einen Ausschnitt aus der Seite genommen und extra bestimmte Zelle eingefärbt um das Problem besser darzustellen. Im Dreamweaver ist die Darstellung korrekt bei Vorschau dagegen stiemt es nicht.
Danke
=====
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Forum</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</head>
<body>
<table width="595" height="105" border="0" align="center" cellpadding="4" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="60" height="105" rowspan="5" bgcolor="#0033FF"></td>
<td width="100" height="25" valign="middle"><font size="2" face="Arial, Helvetica, sans-serif"><strong>Seiten</strong></font></td>
<td width="270" height="25" align="left" valign="middle"><strong><font size="2" face="Arial, Helvetica, sans-serif">Datum</font></strong></td>
<td width="40" height="25" align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>Tage</strong></font></td>
<td width="40" height="25" align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>à</strong></font></td>
<td width="60" height="25" valign="middle"><font size="2" face="Arial, Helvetica, sans-serif"><strong>Summe</strong></font></td>
<td width="25" height="105" rowspan="5" bgcolor="#0033FF"></td>
</tr>
<tr>
<td height="10" width="510" colspan="5" align="center" valign="middle"><img src="../slike/linien/trenlinie_einfach_3.gif" width="500" height="3" align="middle"></td>
</tr>
<tr>
<td width="100" height="30" align="left" valign="middle"><!--DWLayoutEmptyCell--> </td>
<td width="270" height="30" align="left" valign="middle"><!--DWLayoutEmptyCell--> </td>
<td width="40" height="30" align="center" valign="middle"><!--DWLayoutEmptyCell--> </td>
<td width="40" height="30" align="center" valign="middle"><!--DWLayoutEmptyCell--> </td>
<td width="60" height="30" align="right" valign="middle"><!--DWLayoutEmptyCell--> </td>
</tr>
<tr>
<td height="30" width="510" colspan="5"> </td>
</tr>
<tr>
<td height="10" width="510" colspan="5" align="center" valign="middle"><img src="../slike/linien/trenlinie_einfach_3.gif" width="500" height="3" align="middle"></td>
</tr>
</table>
<table width="595" height="130" border="0" align="center" cellpadding="4" cellspacing="0">
<tr>
<td width="60" height="129" rowspan="5" bgcolor="#CC0000"> </td>
<td width="310" height="26" align="left" valign="middle"> <div align="left"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Gesamtsumme
(exkl. MwSt.) </font></strong></div></td>
<td width="100" height="26" align="right" valign="middle"> <div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">CHF</font></strong></div></td>
<td width="100" height="26" align="right" valign="middle"> <div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">0.00</font></strong></div></td>
<td width="25" height="129" rowspan="5" bgcolor="#FF0000"> </td>
</tr>
<tr>
<td width="310" height="26" align="left" valign="middle"> <div align="left"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Mengen
Rabatt 10% </font></strong></div></td>
<td width="100" height="26" align="right" valign="middle"> <div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">CHF</font></strong></div></td>
<td width="100" height="26" align="right" valign="middle"> <div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">0.00</font></strong></div></td>
</tr>
<tr>
<td width="310" height="26" align="left" valign="middle"><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">entth.
gesetzl. MwSt. 7,6% </font></strong></td>
<td width="100" height="26" align="right" valign="middle"><font color="#FFFFFF"><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">CHF</font></strong></font></td>
<td width="100" height="26" align="right" valign="middle"><font color="#FFFFFF"><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">0.00</font></strong></font></td>
</tr>
<tr bgcolor="#0000FF">
<td width="310" height="26" align="left" valign="middle" bgcolor="#CCCCCC"><font size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong>Total</strong></font></td>
<td width="100" height="26" align="right" valign="middle" bgcolor="#CCCCCC"><font color="#FFFFFF"><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">CHF</font></strong></font></td>
<td width="100" height="26" align="right" valign="middle" bgcolor="#CCCCCC"><font color="#FFFFFF"><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">0.00</font></strong></font></td>
</tr>
<tr>
<td height="26" width="510" colspan="3" align="left" valign="middle"><font size="2" face="Arial, Helvetica, sans-serif">Zahlbar
innert 10 Tage.</font></td>
</tr>
</table>
</body>
</html>
======
Hallo,
Sorry, aber diese Quelltext-Wueste macht mich ueberhaupt nicht an...
Bitte entferne mal saemtliche FONT-Tags. Die sind ueberfluessig
bzw. durch CSS ohne weiteres ersetzbar.
Die meisten DIV-Elemente sind IMHO ebenso ueberfluessig.
Und vereinfache auch den restlichen Code aufs wesentliche.
Dann poste den Quellcode fuer eine oder zwei Tabellenzeilen,
und beschreib genau, was "nicht korrekt" sein soll.
Wie gesagt, waere ein Online-Beispiel hilfreicher,
denn ich habe keine Lust, den Quelltext bei mir
lokal zu speichern, bloss um die Seite anzugucken.
Wenn Du das (vermeintliche) Darstellungs-Problem nicht
mit Worten beschreiben kannst, mach halt ein paar Screenshots
davon, wie es aussieht und was Deiner Meinung nach
dabei "falsch" ist.
Gruesse,
Thomas
Sorry
Hir der Link
http://www.businessregister.ch/Forum/test.htm
Hallo Sladi,
Schoen, dass Du die Seite online gestellt hast. Danke.
Jetzt sehe ich, was Du meinst.
Hir der Link
http://www.businessregister.ch/Forum/test.htm
Das ist nur eine URL, kein Link.
Bitte lies </faq/#Q-19> und wende es an.
http://www.businessregister.ch/Forum/test.htm
Dort sind immer noch die FONT-Tags drin. Bitte wegmachen.
Warum machst Du nicht einfach eine einzige Tabelle?
Dann waere Dein "Problem" mit den verschieden breiten Spalten
mit einem Schlag geloest.
Die obere Tabelle hat 7 Spalten, die untere nur 5.
Du schreibst mit (veralteten) HTML-Attributen vor,
wie breit die ganze Tabelle sowie jede einzelne
Zelle sein soll.
Die linkeste Spalte soll in beiden Tabellen 60px breit sein,
die rechteste 25px.
Der Fehler kommt wahrscheinlich vom Cellpadding="4".
Das wird vermutlich zu jeder Zelle doppelt (rechts/links)
hinzugezaehlt.
Ich wuerde sowieso alle width- und heigth- Angaben aus dem
HTML-Code loeschen und alles nur mit CSS loesen.
Die "leeren" Spalten rechts und links (jetzt blau/rot) sind
IMHO auch ueberfluessig, da sie keinen Inhalt haben.
Was willst Du damit erreichen? Abstaende? Farbige Rahmen?
All das kann man mit CSS wesentlich besser loesen.
Aber das geht halt dann nicht mehr so "bequem" mit
Dreamweaver, sondern braucht Kenntnisse in
HTML und CSS.
Freundliche Gruesse,
Thomas
Hallo Thomas
Ich bedanke mich herzlich, besonders für die Geduld mit mir.
Ich werde versuchen mein Glück in css.
Noch ein mall Danke
Hallo Sladi
Kann mir jemand bei dieser Sache helfen, meine Logik lest nicht zu um das zu verstehen, obwohl ich alles ausgerechnet habe, die Summe alle Zellen ist die breite der Tabelle.
Ich glaube du rechnest falsch.
1. Tabelle
Tabellenbreite: 595
rechte Spalte: -60
linke Spalte: -60
letzte Zelle: -510
-----
-35
====
Das kann natürlich nicht funktionieren. Da alle Zellen mehr Inhalt haben, als die beiden Randzellen und die letzte Zelle noch eine Grafik von 500px Breite enthält, bleibt dem Browser nichts anderes übrig als die Randzellen schwäler zu machen oder die Tabelle zu verbreitern.
Mein Tipp:
Schmeiße alle Breitenangaben raus, außer der Tabellenbreite selbst und den Randzellen.
Mache die Grafik schmaler.
Nimm auch noch die Höhenangabe aus dem <table> raus.
Und dann schau dir an wie die Tabellen dann aussehen.
Noch ein Tipp:
Nimm dir [pref:t=74079&m=427039] und [pref:t=74079&m=427057] zu Herzen.
MFG
Detlef