Sidebar1-Inhalt

Die Hintergrundfarbe für dieses div wird nur für die Länge des Inhalts angezeigt. Der Farbcode ist #f2f8fb

Sollten Sie eine Trennlinie bevorzugen, fügen Sie der CSS-Regel des entsprechenden Divs (#sidebar oder #mainContent) eine Rahmen-Eigenschaft hinzu.

Bilder dürfen die max. Breite von 213px nicht überschreiten.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

um die Sidebar bündig mit dem footer abzuschließen ist es nötig die Sidebar zwei Finger breit mit Absatzformatierungen unter den Rahmen des Hauptinhaltes zu bringen. Drücken Sie einfach am Ende der letzten Zeile solange (enter) bis des blaue Feld soweit übersteht wie Notwendig. Beispiel:

ENTER

ENTER

ENTER

Hauptinhalt H1-Überschrift

Tabelen und Bilder dürfen die maximal Breite von 778px nicht überschreiten sonst schimpft der Designer.

Der Text ist reiner Fließtext und rückt bei erreichen der gesamt Breite automatisch in die nächste Zeile weiche umbrüchen (umschalt / enter )
"Beispiel beginn:--->
<-----Beispiel ende"
sind keine Absatzformatierung und schreiben direkt in der nächsten Zeile weiter. Harte Umbrüche (enter) entsprechen einer Absatzformatierung. "Beispiel beginn:----->

<----- Beispiel ende"

Tabellen sind sehr hilfreich wenn es um die Gestaltung geht: um die Tabelle für den Nutzer umsichtbar zu machen ist der Border auf 0 zu setzen. Beispiel:

Tabelle mit Border 1    
cellspacing 0    
cellpadding 0    
Tabelle mit Border 1    
cellspacing 3    
cellpadding 5    
Tabelle mit Border 0    
cellspacing 3    
cellpadding 5    

Links werden Blau hinterlegt Beisiel: http://arguk.de oder ARGUK

Higlights können mit den Klassen recommended

highlight oder highlight2 gesetzt werden Kombinationen sind machbar.

Achtung: Klassen nur Bedingt anwenden. Nicht jede Klasse ist das, was es auf den ersten Blick scheint. Klassen sind für die von mir Programmierte formatierung, eine falsche Klasse auf das falsche Objekt angewendet zieht eine Zertstörung des Seitendesigns nach sich, hat zwar keine Globalen auswirkungen, aber die Seite ist zunächst erst mal scheibar hinüber.

Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.

H2-Überschrift

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.