Neuigkeiten:

moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins

Hauptmenü

Design im Standard-Gallery-Plugin

Begonnen von hausl78, 08. April 2010, 21:13:22

« vorheriges - nächstes »

hausl78

Hallo!

Ich frage mich gerade wie man die Tabelle im Standard-Gallery-Plugin ändern könnte. Am besten mittels CSS, aber ich hab gesehen, das ihr da fix eine width mit 20% auf je 5 Spalten mitgebt. Ist das so beabsichtigt bzw. bräuchte man in diesem Fall für eine andere Anordnung ein eigenes, neues, abgewandeltes Plugin dann?

<table class="gallerytable" summary="gallery table">
  <tr>
    <td class="gallerytd" style="width:20%;"><a href="/galerien/moziloCMS/1.jpg" target="_blank" title="Vollbildanzeige: &quot;1.jpg&quot;"><img src="/galerien/moziloCMS/vorschau/1.jpg" alt="1.jpg" class="thumbnail" /></a><br />
      Das ist Bild 1.</td>
...
</table>

Juergen

stefanbe

#1
Wenn du lust hast dann ändere es und lager das in die plugin.css aus macht bestimt sin.

Wenns dann alles gut läuft getestet mit vielen Browsern lads hier hoch wir übernemen es dann :D

gruss stefanbe

markus76

#2
Wie wäre es, wenn wir statt der Tabelle eine Liste (ul -> li) benutzen und dann via CSS formatieren?
Für Supportanfragen bitte grundsätzlich einen Link beifügen, dass erspart sehr viel "orakeln" und führt schneller zum Ziel \";)\"

stefanbe

#3
Zitat von: "markus76"Wie wäre es, wenn wir statt der Tabelle eine Liste (ul -> li) benutzen und dann via CSS formatieren?
Die Vorschaubilder in eine Liste packen was macht das für einen sin?

gruss stefanbe

hausl78

#4
Ah, habe gerade gesehen, in dieser Datei  cmsconfgallery.conf können die GallerieThumbs eh konfiguriert werden, das passt doch dann eh super  :mrgreen:  :roll:
 
gallerypicsperrow = 2
maxheight =
maxthumbheight = 100
maxthumbwidth = 100
maxwidth =
target = _self
usethumbs = true

Juergen

laborix

#5
Zitat von: "stefanbe"Die Vorschaubilder in eine Liste packen was macht das für einen sin?
Semantischer Content, wobei zur Liste "ul" auch noch die Definitionsliste "dl" genutzt werden könnte. Somit haben Bildschirmlesegeräte einen bessern Zugriff darauf. Wobei dann auch noch Alternativen mit Galerie-/Bild-Beschreibung geschaffen werden müssten. Aber ein Grenzthema.

stefanbe

#6
Zitat von: "laborix"Somit haben Bildschirmlesegeräte einen bessern Zugriff darauf.
Cool Bilder für ein Bildschirmlesegeräte :lol:

gruss stefanbe

markus76

#7
Zitat von: "stefanbe"
Zitat von: "laborix"Somit haben Bildschirmlesegeräte einen bessern Zugriff darauf.
Cool Bilder für ein Bildschirmlesegeräte :lol:

gruss stefanbe

Auch blinde wollen wissen, was da für Bilder auf der Seite sind. Das Thema ist nicht lustig.

Tabellenlayouts kommen aus einer Zeit, wo es noch keine Stylesheets gab und leider wird dieser alte Hut bis in die heutige Zeit mit herumgetragen. Aber gerade das macht es schwierig endlich mal einheitliche Standards zu haben.

-> Tabellen sind zur Bereitstellung von Daten (Zahlen) gedacht, keinesfalls als Layoutmittel!

Sucht mal nach "warum keine tabellen" bei google  ;)

Ich möchte niemandem was nachsagen, aber Tabellen als Layoutmittel einsetzen, hat "Hobbybastler"-Niveau. mozilo ist meiner Ansicht nach aber ein Tool das durchaus auch im professionellen Bereich gute Dienste leisten kann. Dafür sollte der Code natürlich auch (X)HTML-Standards entsprechen, und nur weil der Validator nicht meckert, bedeutet es noch lange nicht, dass der Code semantisch korrekt ist.
Für Supportanfragen bitte grundsätzlich einen Link beifügen, dass erspart sehr viel "orakeln" und führt schneller zum Ziel \";)\"

stefanbe

#8
Sory ein sehr guter Freund von mir ist Blind und dem ist es wirklich egal ob nee Webseite mit Tabelen gemacht wurde oder nicht.

Wenn du wiessen möchtes wie ein Blinder eine Seite Sieht dann Instalier dir mal Lynx.
Dann stehl dir vor nee Braili oder Sprachausgabe list dir dann jede Zeile vor
Dann siehst du auch wie die ganzen img Tags ohne alt nerven weil da dann der Bildname steht oder auch wenn sie gesetzt sind grade bei einer Gallerie mit so was wie "Ein Bild von meinem Sohn in Bugste hude".

Das mühlt nur die Sprachausgabe oder Brailizeile voll was intresant ist das sind Links und Text selbst Menues mit Liste sind da nicht wirklich Sinvoll

CSS wird da garnicht unter stützt dardurch werden Divs der reienvolge nach angezeigt was meistens auch nicht sehr hilfreich ist.

Es selbst mal zu erleben macht schlau

Sory aber das muste sein :D

gruss stefanbe

markus76

#9
Zitat von: "stefanbe"Dann siehst du auch wie die ganzen img Tags ohne alt nerven weil da dann der Bildname steht oder auch wenn sie gesetzt sind grade bei einer Gallerie mit so was wie "Ein Bild von meinem Sohn in Bugste hude".

ohne alt-Text ist sowieso nicht XHTML-konform, nur mal so nebenbei  ;)

Eine Tabelle ist jedoch für den Screenreader oder auch eine Braillezeile so gut wie nicht nutzbar (Ich musste letztes Jahr eine Seite für eine öffentliche Entrichtung erstellen und da waren dies feste Testkriterien im Aufgabenkatalog, ich weiß also durchaus wovon ich hier schreibe).

Zitat von: "stefanbe"CSS wird da garnicht unter stützt dardurch werden Divs der reienvolge nach angezeigt was meistens auch nicht sehr hilfreich ist.

Das ist ja gerade der Vorteil von CSS, Layout sieht ein Blinder und seine Werkzeuge nicht, deswegen ist das layouten mit CSS ja auch dem mit Tabellen vorzuziehen. Auch die Reihenfolge ist ein großer Vorteil von CSS, denn so kann ein Einführungstext zu der Seite bereitgestellt werden der am Display nicht erscheint, vom Screenreader aber vorgelesen wird. So kann entschieden werden ob der Rest der Seite "lesenswert" ist oder im Menü das der Einleitung folgt eine andere Seite aufgerufen wird. Natürlich liegt es auch am Coder der Seite, ob die DIV's in der richtigen Reihenfolge erstellt wurden.
Für Supportanfragen bitte grundsätzlich einen Link beifügen, dass erspart sehr viel "orakeln" und führt schneller zum Ziel \";)\"

azett

#10
Ich stehe dem sehr offen gegenüber. Habt ihr Lust, das Plugin mal testweise umzubauen?
Wichtig ist, daß es - in allen Browsern - so aussieht wie bisher; dem "normalen" Nutzer ist dann egal, ob das unter der Haube eine Tabelle oder eine Liste ist.

Die Breiten der tds werden übrigens vom Plugin errechnet - sind 5 Bilder pro Zeile definiert, sind das 100% / 5 = 20%.
Zeile 107 in der index.php des Plugins: $thumbs .= "<td class="gallerytd" style="width:".floor(100 / $picsperrow)."%;">"; 
So könnte man das ja auch mit floatenden Listenelementen umsetzen - da würde man sich sogar noch das berechnete Komplettieren der letzten, u.U. leeren Felder der letzten Galeriezeile sparen (Zeilen 117-120 in der index.php).