Hot News:

Unser Angebot:

  Foren auf CAD.de (alle Foren)
  HTML/CSS/SSI/JavaScript
  Tabelle mit unklarem Einzug

Antwort erstellen  Neues Thema erstellen
CAD.de Login | Logout | Profil | Profil bearbeiten | Registrieren | Voreinstellungen | Hilfe | Suchen

Anzeige:

Darstellung des Themas zum Ausdrucken. Bitte dann die Druckfunktion des Browsers verwenden. | Suche nach Beiträgen nächster neuer Beitrag | nächster älterer Beitrag
Autor Thema:   Tabelle mit unklarem Einzug (567 mal gelesen)
Peter2
Ehrenmitglied V.I.P. h.c.




Sehen Sie sich das Profil von Peter2 an!   Senden Sie eine Private Message an Peter2  Schreiben Sie einen Gästebucheintrag für Peter2

Beiträge: 3374
Registriert: 15.10.2003

Win 10/64 Pro
AutoCAD MAP 3D 2018

erstellt am: 28. Jul. 2017 12:47    Editieren oder löschen Sie diesen Beitrag!  <-- editieren / zitieren -->   Antwort mit Zitat in Fett Antwort mit kursivem Zitat    Unities abgeben: 1 Unity (wenig hilfreich, aber dennoch)2 Unities3 Unities4 Unities5 Unities6 Unities7 Unities8 Unities9 Unities10 Unities

Im beiliegenden, eigentlich schlichten HTML sind die Texte der unteren Tabelle von links etwa 2 cm eingezogen; der graue Hintergrund läuft aber bis ganz nach links. Wo kommt der Unterschied her?

Code:
<html xmlns:lx="http://www.landxml.org/schema/LandXML-1.2" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:landUtils="http://www.autodesk.com/land/civil/vcedit" xmlns:lxml="urn:lx_utils">

<head>

<META http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Stationierung und Kurvenspiegel</title>

<style type="text/css">

h1{

font-size:18pt;

}

h2{

font-size:16pt;

}

h3{

font-size:13pt;

color:red;

}

h4{

font-size:12pt;

font-style:bold;

color:green;

}

div{

width:10in;

font-family:Arial;

}

th{

font-size:10pt;

text-align:center;

}

td{

padding:0.05in 0.45in;

text-align:left;

}

tr{

font-size:10pt;

}

</style>

</head>

<body>

<div>

<center>

<h1>AG Unternehmen</h1>

<h2>AG  Adresse 1</h2>

<h2>AG Adresse 2</h2>

<h2> AG PLZ

    -

    AG Ort,

    AG  State</h2>

</center>

<hr>

<table border="0" width="100%">

<tr>

<td><b>Stationierung und Kurvenspiegel</b></td>

<td align="right"><b>Kunde: </b>Kunde Unternehmen</td>

</tr>

<tr>

<td><b>Projektname: </b>Zeichnung2.dwg</td>

<td align="right"><b>Projektbeschreibung: </b></td>

</tr>

<tr>

<td><b>Berichtdatum: </b>07/28/17 12:37:40</td>

<td align="right"><b>Erstellt von: </b>AG Autor</td>

</tr>

</table>

<hr>

<h3>Achselemente für: Bankett von Strassenrand von Hauptachse - Links - Links</h3>

<h3>Beschreibung: </h3>

<table width="100%">

<tr>

<td colspan="4" align="center">

<hr color="#ddddff" size="4">

<h4>Achsdaten Gerade</h4></td>

</tr>

<tr bgcolor="eeeeee">

<th>Beschreibung</th>

<th>Station</th>

<th>Hochwert</th>

<th>Rechtswert</th>

</tr>

<tr>

<td>Begin:</td>

<td style="text-align:center">0+00.000</td>

<td style="text-align:center">184322.879</td>

<td style="text-align:center">811352.211</td>

</tr>

<tr>

<td>Ende:</td>

<td style="text-align:center">0+00.963</td>

<td style="text-align:center">184322.322</td>

<td style="text-align:center">811352.996</td>

</tr>

<tr>

<td colspan="4" align="center"><h4>Geometriedaten Gerade</h4></td>

</tr>

<tr bgcolor="eeeeee">

<th>Parameter</th>

<th>Wert</th>

<th>Parameter</th>

<th>Wert</th>

</tr>

<tr>

<td>Länge:</td>

<td style="text-align:center">0.963</td>

<td>Richtung:</td>

<td style="text-align:center">S 54° 37' 13.8998" E</td>

</tr>

<tr>

<td colspan="4" align="center">

<hr color="#ddddff" size="4">

</div>

</body>

</html>


------------------
Für jedes Problem gibt es eine einfache Lösung.
Die ist aber meistens falsch. ;-)

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

StefanBerlitz
Ehrenmitglied V.I.P. h.c.
IT Admin (CAx)



Sehen Sie sich das Profil von StefanBerlitz an!   Senden Sie eine Private Message an StefanBerlitz  Schreiben Sie einen Gästebucheintrag für StefanBerlitz

Beiträge: 8756
Registriert: 02.03.2000

SunZu sagt:
Analysiere die Vorteile, die
du aus meinem Ratschlag ziehst.
Dann gliedere deine Kräfte
entsprechend und mache dir
außergewöhnliche Taktiken zunutze.

erstellt am: 31. Jul. 2017 08:19    Editieren oder löschen Sie diesen Beitrag!  <-- editieren / zitieren -->   Antwort mit Zitat in Fett Antwort mit kursivem Zitat    Unities abgeben: 1 Unity (wenig hilfreich, aber dennoch)2 Unities3 Unities4 Unities5 Unities6 Unities7 Unities8 Unities9 Unities10 Unities Nur für Peter2 10 Unities + Antwort hilfreich


282_83_table-margin.png

 
Hallo Peter2,

wenn ich das richtig sehe errrichst du die graue Farbe durch einfärben deiner Tabellenreihe (mit tr bgcolor="eeeeee") und du ziehst nicht die Tabelle ein, sondern rückst den Text innerhalb der Zeilen mit padding:0.05in 0.45in; um knapp 12 mm ein.

Die Zellen selber bleiben dabei so groß und an der Position, wo sie eben sind, in diesem Fall beginnend fast vom linken Rand, und das wird auch eingefärbt.

Um die Tabelle einzurücken gehst du am Besten über die Margin-Eigenschaft von table und rückst den Text eben nicht ein, sondern die Tabelle selbst (Beispiel im Screenshot). Der Unterschied zwischen margin, border und padding nicht nur für Tabelle ist sehr schön auf https://wiki.selfhtml.org/wiki/CSS/Box-Modell erklärt.

Ciao,
Stefan


------------------
Inoffizielle deutsche SolidWorks Hilfeseite    http://solidworks.cad.de

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

Peter2
Ehrenmitglied V.I.P. h.c.




Sehen Sie sich das Profil von Peter2 an!   Senden Sie eine Private Message an Peter2  Schreiben Sie einen Gästebucheintrag für Peter2

Beiträge: 3374
Registriert: 15.10.2003

erstellt am: 31. Jul. 2017 09:55    Editieren oder löschen Sie diesen Beitrag!  <-- editieren / zitieren -->   Antwort mit Zitat in Fett Antwort mit kursivem Zitat    Unities abgeben: 1 Unity (wenig hilfreich, aber dennoch)2 Unities3 Unities4 Unities5 Unities6 Unities7 Unities8 Unities9 Unities10 Unities

Danke Stefan, das Padding hatte ich irgendwie ignoriert ... 

------------------
Für jedes Problem gibt es eine einfache Lösung.
Die ist aber meistens falsch. ;-)

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

Anzeige.:

Anzeige: (Infos zum Werbeplatz >>)

Darstellung des Themas zum Ausdrucken. Bitte dann die Druckfunktion des Browsers verwenden. | Suche nach Beiträgen

nächster neuerer Beitrag | nächster älterer Beitrag
Antwort erstellen


Diesen Beitrag mit Lesezeichen versehen ... | Nach anderen Beiträgen suchen | CAD.de-Newsletter

Administrative Optionen: Beitrag schliessen | Archivieren/Bewegen | Beitrag melden!

Fragen und Anregungen: Kritik-Forum | Neues aus der Community: Community-Forum

(c)2020 CAD.de | Impressum | Datenschutz