Umstieg von Tabellen auf Container - Versionsgeschichte

Yehudi: Überarbeiten

2007-07-10T07:50:27Z

Überarbeiten

2007-04-09T18:42:19Z

Links

2007-04-09T17:55:22Z

‎Runde Ecken

2006-10-26T13:50:13Z

‎Runde Ecken

2006-10-26T13:41:53Z

‎Runde Ecken für die Sidebar

2006-10-26T13:36:39Z

‎Wann sollte man den Umstieg von Tabellen auf CSS vermeiden?

2006-10-26T13:10:53Z

‎Runde Ecken: Runde Ecken für die Sidebar

2006-10-26T11:32:21Z

‎Runde Ecken

2006-10-26T11:21:14Z

‎Runde Ecken: http://www.html.it/articoli/nifty/index.html

2006-10-16T18:49:50Z

‎Unterschied zwischen div und span

← Nächstältere Version		Version vom 10. Juli 2007, 07:50 Uhr
Zeile 1:		Zeile 1:
−	Autor: [http://www.~~linux-club~~.de~~/faq/Benutzer:Yehudi~~ Yehudi]	+	{{Überarbeiten}}Autor: [http://www.yehudi.de Yehudi]

	== Einleitung ==		== Einleitung ==

@@ Zeile 1: / Zeile 1: @@
-{{UnderConstruction}}--[[Benutzer:Yehudi|Yehudi]] 21:17, 25. Sep 2006 (CEST)
+Autor: [http://www.linux-club.de/faq/Benutzer:Yehudi Yehudi]
 == Einleitung ==
@@ Zeile 65: / Zeile 64: @@
 Es gibt die Möglichkeit mit Grafiken zu arbeiten, wie hier beschrieben:
-* [http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/]
+* [http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/ aktuell.de.selfhtml.org]
-* [http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken] (Danke an tomte für die Links)
+* [http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken www.andreas-kalt.de] (Danke an tomte für die Links)
-Wer das auf die schnelle in seiner Website einfügen will, der geht auf [http://www.spiffycorners.com/] oder [http://www.neuroticweb.com/recursos/css-rounded-box/] (Danke an tomte für den Link) und gibt  dort z.B. folgendes ein:
+Wer das auf die schnelle in seiner Website einfügen will, der geht auf [http://www.spiffycorners.com/] oder [http://www.neuroticweb.com/recursos/css-rounded-box/ www.neuroticweb.com] (Danke an tomte für den Link) und gibt  dort z.B. folgendes ein:
 <nowiki> class name:

@@ Zeile 65: / Zeile 65: @@
 Es gibt die Möglichkeit mit Grafiken zu arbeiten, wie hier beschrieben:
-* http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/
+* [http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/]
-* http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken(Danke an tomte für die Links)
+* [http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken] (Danke an tomte für die Links)
-Wer das auf die schnelle in seiner Website einfügen will, der geht auf http://www.spiffycorners.com/ oder http://www.neuroticweb.com/recursos/css-rounded-box/ (Danke an tomte für den Link) und gibt  dort z.B. folgendes ein:
+Wer das auf die schnelle in seiner Website einfügen will, der geht auf [http://www.spiffycorners.com/] oder [http://www.neuroticweb.com/recursos/css-rounded-box/] (Danke an tomte für den Link) und gibt  dort z.B. folgendes ein:
 <nowiki> class name:

@@ Zeile 61: / Zeile 61: @@
 == Runde Ecken ==
 Eine besonderes Feature bei CSS sind die runden Kanten, wie sie die Users des Linux-Clubs, welche das per default eingestellte template nutzen kennen.
-Wer das auf die schnelle in seiner Website einfügen will, der geht auf http://www.spiffycorners.com/ und gibt  dort z.B. folgendes ein:
+Es gibt die Möglichkeit mit Grafiken zu arbeiten, wie hier beschrieben:
 <nowiki> class name:

@@ Zeile 145: / Zeile 145: @@
 In der Datei sidebar.php ist folgendes oben über
-<nowiki><div id="sidebar"></nowiki> einzufügen:
+<pre><nowiki><div id="sidebar"></nowiki> einzufügen:
 		<nowiki><br />
   <div id="container">
   <b class="rtop">
    <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
-  </b></nowiki>
+  </b></nowiki></pre>
-unten unter dem letzten </div> dann noch:
+unten unter dem letzten <nowiki></div></nowiki> dann noch:
-<b class="rbottom">
+<pre><nowiki><b class="rbottom">
    <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
-</b> </div>
+</b> </div></nowiki></pre>
 In den Stylesheet ist zwischen <nowiki>/* Begin Sidebar */</nowiki> und <nowiki>/* End Sidebar */</nowiki> alles durch:
-/* Begin Sidebar */
+<pre>/* Begin Sidebar */
 #sidebar
@@ Zeile 217: / Zeile 217: @@
+	}
-  /* End Sidebar */
+  /* End Sidebar */</pre>
 Es ist darauf zu achten, dass die Hintergrundgrafik welche im Ursprungszustand den Hintergrund der Sidebar darstellt bearbeitet wird, um den gewünschten Effekt zu erzielen. In meinem Fall habe ich das grau der Grafik an der Stelle gegen weiß ersetzt.
 [[Webdesign | Zurück zu Webdesign]][[Kategorie:Webdesign]]

@@ Zeile 33: / Zeile 33: @@
 Wenn wie [http://www.yehudi.de/annen-ochsenzoll.htm hier] mehrere thumbnails verwendet werden, die mit einer Bildunterschrift in einer Tabelle liegen. Da die thumbnails mal hochkant und mal quer stehen, liegt automatisch eine unterschiedliche Größe vor.
-In Tabellenform würde das gnaze so aussehen:
+In Tabellenform würde das Ganze so aussehen:
   <nowiki><table cellspacing="2" cellpadding="0" border="0" width="350px"></nowiki>
@@ Zeile 57: / Zeile 57: @@
   </ul>	</nowiki>
-(Der Verständlichkeit halber habe ich die Bild aufrufungen weggelassen) Damit wird der Quelltext deutlich kürzer, aber die Verschachtelung ist auch eine andere. Der Text der in der Tabelle in einer neuen Zeile steht wird jetzt neben der Bildinformation aufgerufen.
+(Der Deutlichkeit halber habe ich die Bildaufrufe weggelassen) Damit wird der Quelltext deutlich kürzer, aber die Verschachtelung ist auch eine andere. Der Text der in der Tabelle in einer neuen Zeile steht wird jetzt neben der Bildinformation aufgerufen.
 == Runde Ecken ==

@@ Zeile 136: / Zeile 136: @@
   </div></nowiki>
- *  http://www.html.it/articoli/nifty/index.html
+*  http://www.html.it/articoli/nifty/index.html
 [[Webdesign | Zurück zu Webdesign]][[Kategorie:Webdesign]]

@@ Zeile 10: / Zeile 10: @@
 Während folgendes ein Absatz erzeugt:
   <nowiki><div class="Text">Text</div></nowiki>
-Erzeugt die span Clas keinen Absatz:
+Erzeugt die span Klasse keinen Absatz:
   <nowiki><span class="Text">Text</span></nowiki>