Was ist denn falsch? Der Firebid zeigt ihn doch auch als Tabelle an.

Du hast 2 <table> drin die raus können.

<table><table border....

Das vordere <table> kannst du löschen.

Du hast Cellpadding auf 10, wenn du jetzt die Abstände zwischen den Texten meinst, das die im Firebird zu gross wären, muss ich sagen genau der Firebird macht es richtig. Denn im moment sehe ich sonst keine "Fehler".

Und das was du jetzt an den Tables eingegeben hast, das ist eigentlich kein CSS, sondern normale Befehle um Tabellen zu verändern. CSS wird anders deklariert.

Noch ein kleines edit, durch deine <br> wird der Text in der Zelle noch mal grösser, die Zelle damit auch. Und so kommt dann noch das Cellpadding von 10 dazu und es wird noch grösser....

</font><blockquote>Zitat:</font><hr />
&lt;ul&gt;&lt;u&gt; Nachweismöglichkeiten sind:&lt;/u&gt; &lt;/ul&gt;
&lt;br&gt;
&lt;ul&gt;
&lt;table border="0" cellspacing="0" cellpadding="10"&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;li&gt;Sozialhilfebescheid&lt;/li&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;li&gt;Arbeitslosenhilfebescheid&lt;/li&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;
&lt;li&gt;Wohngeldbescheid&lt;/li&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;li&gt;Rundfunkgebührenbefreiung&lt;/li&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;
&lt;li&gt;HVV-Sozialticket&lt;/li&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;li&gt;BaföG-Bescheid&lt;/li&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="2"&gt;
&lt;li&gt;Nachweis der Beratungsstelle für Frauen, Familien und Schwangere&lt;/li&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/ul&gt;</font>[/QUOTE]Sollte das so aussehen?

Björn

[ 04. Dezember 2003, 06:57: Beitrag editiert von: Lucky ]

Hallo!


Das
colspan="2"
war das Entscheidene.
Und br raus!

Super!

Allmählich finde ich mich ein bischen in SelfHTML zurecht.

Ich muss nur wissen, wonach ich suchen muss!

--------

Das oben war kein CSS. Ist klar.

Eben habe ich tatsächlich was in CSS gebastelt.

Ich hatte drei Uhrzeiten in einer Tabelle.

10.30
9.30
11.30

Die Zelle 9.30 habe ich mit CSS rechtsbündig gestellt.

--------

Die unterschiedlichen Grössen in meinen Screenshoots kamen daher, das ich den Schriftgrad im IE und Text Zoom im Mozilla unterschiedlich eingestellt hatte.

Danke!

Gruss!
mir mich

[ 04. Dezember 2003, 14:04: Beitrag editiert von: mir mich ]

Hallo!

Ich habe eine Tabelle mit zwei Spalten nebeneinander.
Darunter habe ich eine einzige Spalte.

Das Problem ist das der IE das ganze richtig anzeigt.

Der Mozilla aber total daneben!

http://www.8ung.at/mirmich/howtodo/IE-Ansicht.jpg

http://www.8ung.at/mirmich/howtodo/Mozilla-Ansicht.jpg

Mir ist letztens zu CSS Stylesheets geraten worden.
Ich habe gerade SelfHTML daraufhin durchsucht.

Aber ich habe nur Dinge gefunden, die die ganze Tabelle verändern.

----------

Anbei der Quelltext:

&lt;ul&gt;&lt;u&gt; Nachweismöglichkeiten sind:&lt;/u&gt; &lt;/ul&gt;
&lt;br&gt;
&lt;ul&gt;
&lt;table&gt;&lt;table border="0" cellspacing="0" cellpadding="10"&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;li&gt;Sozialhilfebescheid&lt;/li&gt;
&lt;br&gt;
&lt;br&gt;

&lt;li&gt;Wohngeldbescheid&lt;/li&gt;
&lt;br&gt;
&lt;br&gt;
&lt;li&gt;HVV-Sozialticket&lt;/li&gt;

&lt;/td&gt;
&lt;td&gt;
&lt;li&gt;Arbeitslosenhilfebescheid&lt;/li&gt;
&lt;br&gt;
&lt;br&gt;
&lt;li&gt;Rundfunkgebührenbefreiung&lt;/li&gt;
&lt;br&gt;
&lt;br&gt;
&lt;li&gt;BaföG-Bescheid&lt;/li&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;

&lt;table&gt;&lt;table border="0" cellspacing="0" cellpadding="10"&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;li&gt;Nachweis der Beratungsstelle für Frauen, Familien und Schwangere&lt;/li&gt;

&lt;/td&gt;
&lt;td&gt;

&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;

Vielen Dank für Eure Hilfe!

Gruss!
mir mich

[ 04. Dezember 2003, 01:27: Beitrag editiert von: mir mich ]

Hallo!

Ich habe mir die erstellte Website mit:

Opera 7.22
Mozilla 1.4
Firebird 0.6.1
IE 6.0

angeschaut.
Jeweils verschiedene Zoomfaktoren genommen.

Sieht soweit korrekt aus!

Welche Brauser sollte ich noch testen?

Danke!

Gruss!
mir mich

[ 04. Dezember 2003, 14:03: Beitrag editiert von: mir mich ]

Firebird 0.7 ist aktuell, den vielleicht auch noch.

Achso sind dir die Änderungen in meinem Code aufgefallen? Deine Methode funktionierte zwar, es ist aber nicht ausgeschlossen, das ein Browser es einfach mal nicht so darstellt. Deswegen solltest du schauen, das du vielleicht immer mit vielen Zellen anstelle von &lt;br&gt; arbeitest. [img]smile.gif[/img]

Björn [img]smile.gif[/img]

Hallo!

Ja, ich hab deinen Code dann doch entdeckt! &lt;g&gt;

----------

Konkret komme ich mit folgendem nicht zurecht:
(SelfHTML hab ich wirklich gequält)

So von der Strucktur, soll es exakt so sein wie in diesem jpg:

http://www.8ung.at/mirmich/Trojaner-...cirle-ohne.jpg

Es sollen nur Kreise (circle) statt Punkte gezeichnet werden. (Die Rahmen natürlich tranparent).

Da habe ich den Befehl:
&lt;ul style="list-style-type:circle"&gt;
gefunden.

Aber dann passiert folgendes:

http://www.8ung.at/mirmich/Trojaner-Board/cirle.jpg

Ich brauche den Befehl ohne &lt;ul
Das ul verschiebt die Tabelle.

--------

Unten in der Grafik sieht man eine geteilte Schriftzeile.
Diese fängt dierekt unter dem Punkt an.
Ich muss das so haben, das dierekt unter dem ersten Buchstaben begonnen wird.

Gefunden habe ich folgenden Befehl:
&lt;ul style="list-style-positionutside"&gt;
&lt;li&gt;Tagesordnung&lt;br&gt;
zweizeilig&lt;/li&gt;
&lt;/ul&gt;

Wieder das gleiche ul.

Anbei mein Code der zweiten Grafik.

&lt;ul style="list-style-type:circle"&gt;


&lt;table width="80%" border="1" cellspacing="0" cellpadding="0"&gt;

&lt;tr&gt;
&lt;td&gt;
&lt;li&gt;Sozialhilfebescheid&lt;/li&gt;

&lt;/td&gt;
&lt;td&gt;
&lt;li&gt;&lt;p&gt;Arbeitslosenhilfebescheid&lt;/p&gt; &lt;/li&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;li&gt;Wohngeldbescheid&lt;/li&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;li&gt;Rundfunkgebührenbefreiung&lt;/li&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;li&gt;HVV-Sozialticket&lt;/li&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;li&gt;BaföG-Bescheid&lt;/li&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="2"&gt;
&lt;li&gt;Nachweis der Beratungsstelle für
&lt;br&gt;
Frauen, Familien und Schwangere &lt;/li&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/ul&gt;

Danke!

Gruss!
mir mich

Hallo mir mich

Bin mir nicht ganz sicher ob du es so meinst. Ich habe es so verstanden, dass sich nicht die ganze Tabelle nach rechts verschieben darf, oder?

Fall oberes zutrifft, soll es dann in etwa so aussehen?

</font><blockquote>Code:</font><hr /><pre style="font-size:x-small; font-family: monospace;">&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Testseite&lt;/title&gt;

&lt;style type=&quot;text/css&quot;&gt;
&lt;!--


ul,li {
font-family:Arial,Helvetica,sans-serif;
color:#000000;
font-size:12px;
list-style-type:circle;
}

//--&gt;
&lt;/style&gt;


&lt;/head&gt;
&lt;body&gt;


&lt;h3&gt;Nachweism&amp;ouml;glichkeiten&lt;/h3&gt;

&lt;table width=&quot;80%&quot; border=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; summary=&quot;&quot;&gt;
&lt;tr&gt;
&lt;td&gt;&lt;ul&gt;&lt;li&gt;Sozialhilfebescheid&lt;/ul&gt;&lt;/td&gt;
&lt;td&gt;&lt;ul&gt;&lt;li&gt;Arbeitslosenhilfebescheid&lt;/ul&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;ul&gt;&lt;li&gt;Wohngeldbescheid&lt;/ul&gt;&lt;/td&gt;
&lt;td&gt;&lt;ul&gt;&lt;li&gt;Rundfunkgeb&amp;uuml;hrenbefreiung&lt;/ul&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;ul&gt;&lt;li&gt;HVV-Sozialticket&lt;/ul&gt;&lt;/td&gt;
&lt;td&gt;&lt;ul&gt;&lt;li&gt;Baf&amp;ouml;G-Bescheid&lt;/ul&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan=&quot;2&quot;&gt;
&lt;ul&gt;&lt;li&gt;Nachweis der Beratungsstelle für &lt;br&gt;
Frauen, Familien und Schwangere &lt;/ul&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;

&lt;/body&gt;
&lt;/html&gt;</pre>[/QUOTE]&lt;edit&gt;
Zwischen Listenzeichen &lt;ul&gt; &lt;li&gt; darf keine ganze Tabelle folgen. Das &lt;ul&gt; muss auch immer beim &lt;li&gt; stehen. Besser also die Listenzeichen extra mit CSS definieren und dann immer aufrufen. (Siehe Beispiel)
&lt;/edit&gt;

Hoffe ich konnte helfen. [img]smile.gif[/img]

Matane
Ryuu

[ 06. Dezember 2003, 01:08: Beitrag editiert von: Ryuu ]

Hallo

@Ryuu

Es kommt nicht auf die Tabelle an.
Die wird ja nicht sichtbar. (border 0)

Sondern das die Listpunkte aller Tabellen direkt untereinander liegen!

Mir ist jetzt gesagt worden:
Nicht mit Tabellen Seitenlayout betreiben, sondern mit CSS.

Tutorial dazu habe ich gefunden.

Danke!

Gruss!
mir mich

Hallo!

Habe jetzt mit CSS begonnen.

So richtig verstehe ich das noch nicht!

Wie kriege ich beide Versionen zusammen?

Also keine Leerzeile.
Und die zweite Zeile 20 px nach rechts gerückt:

</font><blockquote>Code:</font><hr /><pre style="font-size:x-small; font-family: monospace;">&lt;html&gt;
&lt;head&gt;
&lt;title&gt;frage&lt;/title&gt;
&lt;meta name=&quot;author&quot; content=&quot;.&quot;&gt;
&lt;meta name=&quot;generator&quot; content=&quot;Ulli Meybohms HTML EDITOR&quot;&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!--
p { padding-left:18px;
}
a { list-style-type:circle;
}
&lt;/style&gt;

&lt;style type=&quot;text/css&quot;&gt;
.oben { vertical-align:top; padding-left: 20px; }

&lt;/style&gt;

&lt;/head&gt;
&lt;body text=&quot;#000000&quot; bgcolor=&quot;#FFFFFF&quot; link=&quot;#FF0000&quot; alink=&quot;#FF0000&quot; vlink=&quot;#FF0000&quot;&gt;

&lt;a&gt;&lt;li&gt;Nachweis der Beratungsstelle für&lt;/li&gt;&lt;/a&gt;
&lt;br&gt;
&lt;class=&quot;oben&quot;&gt;Frauen, Familien und Schwangere&lt;/td&gt;
&lt;br&gt;
&lt;br&gt;
&lt;a&gt;&lt;li&gt;Nachweis der Beratungsstelle für&lt;/li&gt;&lt;/a&gt;
&lt;br&gt;
&lt;p&gt;&lt;class=&quot;oben&quot;&gt;Frauen, Familien und Schwangere&lt;/td&gt;&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt; </pre>[/QUOTE]Hat jemand ein gutes Turorial zu CSS?

Hab einige überflogen, aber das sind meist Anfänger Tutorials!
Und mit SelfHTML kriege ich Code Beispiele.
Aber ich kriegs nicht zusammen!

Danke!

Gruss!
mir mich

Hallo!

Das obige Problem ist mit einer weiteren Tabelle und CSS behoben worden.

Allmählich wirds was!

Gruss!
mir mich

Also das in einer Liste der Text in der zweiten Zeile unter dem ersten Buchstaben der ersten Zeile anfängt, bekommst du mit:

http://www.selfhtml.net/css/eigensch...style_position

hin. [img]smile.gif[/img]

Björn [img]smile.gif[/img]

mit nem container (div) und positions-angabe

Hallo!

Ich habe folgenden Code gefunden.
Er positioniert drei Grafiken exakt zueinander.
Es wird im Mozilla und im IE richtig angezeigt.

Was für eine Sprache ist das?

</font><blockquote>Code:</font><hr /><pre style="font-size:x-small; font-family: monospace;">&lt;NOLAYER&gt;
&lt;style ID=&quot;NOF_STYLE_SHEET&quot;&gt;
&lt;!--
DIV#Picture1LYR { position:absolute; visibility:inherit; top:40; left:510; width:88; height:77; z-index:2 }
DIV#Picture17LYR { position:absolute; visibility:inherit; top:77; left:0; width:509; height:2; z-index:3 }
DIV#Picture21LYR { position:absolute; visibility:inherit; top:77; left:599; width:402; height:2; z-index:4 }
--&gt;

&lt;/STYLE&gt;
&lt;/NOLAYER&gt;

&lt;/head&gt;

&lt;body text=&quot;#000000&quot; bgcolor=&quot;#FFFFFF&quot; link=&quot;#0020FF&quot; alink=&quot;#0020FF&quot; vlink=&quot;#0000BF&quot;&gt;

&lt;div ID=&quot;Picture1LYR&quot;&gt;&lt;LAYER ID=&quot;Picture1LYR&quot; VISIBILITY=INHERIT TOP=50 LEFT=510 WIDTH=88 HEIGHT=77 Z-INDEX=2&gt;&lt;img ID=&quot;Picture1&quot; HEIGHT=77 WIDTH=88 SRC=&quot;logo.gif&quot; BORDER=0&gt;&lt;/LAYER&gt;&lt;/div&gt;

&lt;div ID=&quot;Picture17LYR&quot;&gt;&lt;LAYER ID=&quot;Picture17LYR&quot; VISIBILITY=INHERIT TOP=87 LEFT=0 WIDTH=509 HEIGHT=2 Z-INDEX=3&gt;&lt;img ID=&quot;Picture17&quot; HEIGHT=2 WIDTH=509 SRC=&quot;linelks.gif&quot; BORDER=0&gt;&lt;/LAYER&gt;&lt;/div&gt;
&lt;div ID=&quot;Picture21LYR&quot;&gt;&lt;LAYER ID=&quot;Picture21LYR&quot; VISIBILITY=INHERIT TOP=87 LEFT=599 WIDTH=402 HEIGHT=2 Z-INDEX=4&gt;&lt;img ID=&quot;Picture21&quot; HEIGHT=2 WIDTH=402 SRC=&quot;linere.gif&quot; BORDER=0&gt;&lt;/LAYER&gt;&lt;/div&gt;
</pre>[/QUOTE]Danke!

Gruss!

mir mich

CSS

Björn

Hallo!

Danke!

Gruss!
mir mich