Neues Handling für HTML und CSS

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.

Geschrieben von bdragon am 17.04.2006 18:18:50  (9508 * gelesen) 

 Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwANgE%2F

Kommentare

Grenze
Für den Inhalt der Kommentare sind die Verfasser verantwortlich.


Re: Neues Handling für HTML und CSS 
von spinne  am 17.04.2006 23:44:26  http://www.mein-spinnennetz.ch
für den IE ist es zwechkmäßig bei zwei Boxen auf 48 zu gehen und bei 3 boxen auf jeweils 30

Gruß Tine