Neues Handling für HTML und CSS
Geschrieben von bdragon am 17.04.2006 18:18:50  (9664 * gelesen)
Datum 17.04.2006 18:18:50
Thema OPN Themes

OPN ThemesUPDATE:

Hallo, heute wird das Handling der Boxenerstellung von Tabelle auf Listen umgestellt. So erreichen wir noch mehr Barrierefreiheit. Einige Darstellungsprobleme durch Vererbung werden ebenso abgestellt. Gleichzeitig wird der generierte Quelltext kleiner, was bei schmalbandigen Anschlüssen auch ein weiterer Vorteil ist.
In diesem Zuge muss, wenn das Theme nicht die opn_themes_include.css mitlädt folgender CSS Code im Theme eingebaut werden:


/* neue class die als Zeilenumbruch dient */
hr.breakingline{ clear: both; visibility: hidden; }
/* neue class die fuer das floaten zustaendig ist */
ul.split,ul.split li.split{margin:0;padding:0;list-style:none}
ul.split li.split{float:left;margin:.5%}


Wie gesagt, wenn das Theme die opn_themes_include.css lädt, ist das manuelle Eingreifen nicht notwendig.

Weiterhin müsst Ihr darauf achten bei der Erstellung neuer Centerboxen die rechnerische Gesamtbreite von 100% nicht zu überschreiten.

Kleines Beispiel: Ihr wollt 2 Centerboxen erstellen zu je 50%. Nun wird durch obiges CSS aber ein Aussenabstand von 0,5% gesetzt, somit ist in der

Broswerberechnung die Box tatsächlich aber 51% groß, was zu einem Umbruch in der Darstellung führen würde da 102% bei 2 Boxen halt genau 2% zu groß ist. Somit dürfen die Boxen nur 49% Breite zugewiesen bekommen.
Sprich Gesamtbreite minus Boxenanzahl in Prozent pro Zeile ergibt die Gesamtsumme der Euch zur Verfügung stehenden nutzbaren Prozente

1 Box = 99%
2 Boxen = 98%
3 Boxen = 97%
4 Boxen = 96%

Somit solltet Ihr nach diesem Update kurz alle Breiten im Boxenadmin anpassen, um Euer gewünschtes Layout zu erhalten
Notiz Der CSS Code ist bereits angepasst.

mehr... 79 Wörter 1 Kommentar   Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwANgE%2F


Dieser Artikel stammt von der Webseite OpenPHPNuke - das Open Source CMS
http://www.openphpnuke.info

Die URL für diesen Artikel lautet
http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwANgE%2F