Tabellen

Tim

Hallo.

Ich habe eine Tabelle:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
<head>
<title>Untitled</title>
</head>
<body>
<table width="600px" style="border-width:0px; border-color:steelblue; border-style:solid; cellpadding="0"; cellspacing="0">
<tr>
<td style="border-width:1px; border-color:steelblue; border-top-style:solid; padding:5px">1. Spalte</td>
<td style="border-width:1px; border-color:steelblue; border-left-style:solid; border-right-style:solid; border-top-style:solid; padding:100px"> PLANUNGSBÜRO FÜR VERKEHR
Bornkessel, Brohm & Markgraf GbR


Scharnweberstrasse 56
D-10247 Berlin


Telefon: +49 30 / 29 *******
Telefax: +49 30 / 29 *******


e-Mail: [email]mail@******.de[/email]
Internet: [url]www.PBV-Berlin.de[/url]
</td>
<td style ="border-width:1px; border-top-style:solid; border-color:steelblue; padding:5px">3. Spalte</td>
</td>
</tr>
</table>




</body>
</html>

Alles anzeigen

Wie kann ich nun Punkte (Pixel, großgezogen auf 15px, den hab ich schon) in der Tabelle positionieren ? (keine absolute positionierung) Also so, dass der Punkt z.B. die Linien der Tabelle überlagert ? In der mittleren Spalte z.B. soll er links oben in die Ecke, aber net absolut, sondern irgendwie anders, ich weiss aber nich wie. Sry, bin noch sehr unerfahren was html angeht, sieht man ja, is ja nur eine einfache Tabelle.

Gruß Tim

(Ich hoffe, ich hab mich verständlich ausgedrückt, meine Ausdrucksweise is nich die beste ich weiss )

Marcus

Hi,

vielleicht hilft es, wenn du dir selbst klar darüber wirst, was du möchtest und nicht einfach irgendwie so...
Und wenn du dir einen Kopf gamacht hast, wie wär's denn das erstmal mit einer Bildverarbeitung umzusetzen, dann kannst du das rumzeigen und jeder weiß, was du möchtest.

Gruß
Marcus

Vielleicht hast du ja meine Frage nicht richtig gelesen, da stand: "In der mittleren Spalte z.B. soll er links oben in die Ecke, aber net absolut, sondern irgendwie anders, ich weiss aber nich wie."

d.h. ich hab den Punkt, den Pixel halt den man auf 15px higth und width großgezogen hat. Den will ich nun positionieren, und zwar in der mittleren Spalte, ich will ihn aber NICHT absolut positionieren, sondern anders, ich weiss aber eben nicht wie. Und GENAU DAS ist meine frage gewesen, WIE kann ich das ANDERS als absolut positionieren ?
Ich hatte nun die Idee, noch ne Zeile reinzumachen die so groß wie der Pixel ist, mit Linien die man net sieht. Aber ich weiss halt nicht, wie ich den Punkt da einbinden soll ....

topfblume

Moin ...

Ich gehe mal davon aus, dass es sich um eine Grafik bei Deinem Pixel handelt.
Diese Grafik soll jetzt irgendwie relativ in die Tabellenzelle.
Machbar ist es z.B. mit css und der Eigenschaft padding.

Gruß

Marcus

Ah ja,

es gibt mit CSS drei möglichkeiten der Positionierung:
position:static; - das ist der Standard - wie man das beschreiben könnte weiß ich nicht.
position:relativ; - hier erfolgt die Positionierung relativ zum Vorhergehenden oder Elternelement.
position:absolute; - naja, absolute Positionierung hallt.

Relativ würde vielleicht gehen, falls du möchtest, das sich nachfolgende Elemente entsprechend verschieben. Dazu müsste der Pixel am Anfang der Tabellenzelle stehen, ich weiß aber nicht, wie sich das in diesem Fall von static unterscheidet.

Mit Angaben zu margin und padding kannst du den Pixel natürlich auch verschieben, mit einem negativen Margin müßtest du ihn auch über die Linien der Tabelle legen können.

Gruß
Marcus

Ronald

Moin!

Ich war jetzt kutz etwas verunsichert und habe es vorsichtshalber einmal ausprobiert:

Zitat von Marcus

Mit Angaben zu margin und padding kannst du den Pixel natürlich auch verschieben, mit einem negativen Margin müßtest du ihn auch über die Linien der Tabelle legen können.

Ein negatives Margin wäre ein Padding.
Margin und Padding bestimmen nur den Außen- bzw. Innenrand von Objekten und verschieben es nicht. Ein Schieben mit Margin über einen Zellenrand geht nicht, dafür muß man die Funktion 'position' benutzen.

G.a.d.M.

Ronald

Marcus

Hi,

da war ich wohl etwas voreilig
aber das folgende funktioniert bei mir:

HTML

<html>
<head>
<title>Untitled</title>
<style type="text/css">
td {
	top:20px;
	border:1px solid red;
	}
td img {
	position:relative;
	margin-left:-10px;
	margin-top:-10px;
	overflow:visible;
}
</style>
</head>
<body>
<table>
<tr>
    <td>[img]einbild.gif[/img]</td>
</tr>
</table>
</body>
</html>

Alles anzeigen

Aber man kann hier auch einfach left und top - ohne margin - schreiben, nur ohne position:relative geht's nicht.

Gruß
Marcus

Ronald

Hi,

interessante Konstruktion, ich wundere mich, daß das klappt.
Allerdings wozu das margin (falsch) verwenden, wenn die Optionen 'top' und 'left' ausreichenund auch die richtigen Parameter sind?

Ich bin mir nicht sicher, ob alle Browser mit deiner Variante klar kommen, denn ein negativer Margin liegt ja eigtlich unter dem Objekt.

Außerdem wird bei deiner Variante die Tabellenzelle etwas kleiner (in der Höhe um genau die Anzahl der Pixel des margin-top) - schau mal genau hin
In der Breite kannst du in solch einem Fall die Tabellenzelle mit "margin-right" und einem negativen Wert schmaler machen.

G.a.d.M.

Ronald

Marcus

Hi,

falsch ist das garnicht, negative Margins sind durchaus erlabt:

Zitat

Negative values for margin properties are allowed, but there may be implementation-specific limits.

aus:http://<br>http://www.w3.org/TR/REC-CSS2/box.html</a><br>
aber in unserem Beispiel ist das tatsächlich überflüssig. Ich habe mir dazu bisher noch keine Gedanken gemacht, aber negative Margins werden wohl hin und wieder benutzt, um Elemente zu zentrieren:http://bluerobot.com/web/css/center2.html<br>
das hier nur das erste Beispiel, das ich gefunden habe und ein schlechtes dazu, weil man vertikal viel besser mit margin:auto arbeitet.

Fazit: Negative margins sind offensichtlich erlaubt, aber in den meisten Fällen ziemlich sinnlos.

Gruß
Marcus

Tags