Mozilla zeigt Previewpics nicht an (MyGallery)

boriginal

Moin,

Ich benutze MyGallery und Mozilla zeigt die Galerie-Preview-Pics nicht an. Im IE ist alles dufte. Kennt trotzdem jemand eine Lösung für das Problem?

Meine Seite:
http://www.northcoast-rec.de
Die Galerie:
http://www.vinylfiles.dyndns.org/wordpress/?page_id=36

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

ovinas

Der Code ist ja ein wahres Schlachtfeld, da validiert ja nix, nicht mal annähernd... Anbei ein kleiner Ausschnitt. Transparant ist ja sehr intrassant, kauf mal Deo für den Code... :mrgreen:

Bine

Ich habe das gleiche Problem. Firefox zeigt mir keine Vorschaubilder an.

Und dann hab ich noch eine Frage, wie bekomme ich einen größeren Abstand zwischen die einzelnen Thumbnails? Bei mir sind die im Moment so dicht zusammen, das der Rahmen jeweils unter dem nächsten liegt.

Link: http://missmac.mi.funpic.de/wordpress/?page_id=7

frankie

für die Abstände der Thumbnails ist üblicherweise ein stylesheet zuständig... in diesem Fall wohl das eigene von myGallery. Das lässt sich unter den Einstellungen von myGallery bearbeiten oder per ftp.

Im Quelltext des angegebenen Links scheinen keine Bilder auf, also können sie wohl auch nicht angezeigt werden.

Wenn alle Optionen in den Einstellungen vom Plugin richtig abgehakt sind, sollte auch alles passen. Ansonsten findet man auf der Autorenhomepage Support, allerdings sollte man sich da zumindest schon mit der mehr als ausführlichen Dokumentation (PDF) beschäftigt haben...

Bine

Hallo frankie (:

kannst du mir sagen was ich in der css datei ändern muss? Ich sitz hier schon seit heute nachmittag und schraub und dreh aber nix funktioniert...

Nochmal zu dem Vorschaubild: Im IE funktioniert die Vorschau einwandfrei, nur im FF nicht. In den Einstellungen habe ich ein Vorschaubild eingestellt.

Die pdf hab ich auch schon durchgeackert, und auch die CSS Angaben für die Thumbnailansicht habe ich schon im meine eigene CSS Datei kopiert. Es funktioniert einfach nicht...:(

frankie

ich find mich in dieser baustelle nicht zurecht

HTML

<div class="mygalleryoverview">
<div class="mygallerygallery">
<div class="mygallerynames"><a href="http://missmac.mi.funpic.de/wordpress/?page_id=10">Test 1</a></div>
<div class="mygallpicdesbord ">
<div class="mygallerypreviewpics"><a href="http://missmac.mi.funpic.de/wordpress/?page_id=10"><img src="http://missmac.mi.funpic.de/wordpress/wp-content/myfotos/test1/tumbs/tmb_POPSTARS_Bandhaus0003.jpg" alt="" title=""/></a></div>
<div class="mygallerydescription">Hier wird getestet. </div>

ausserdem kann ich schlecht in deinen adminbereich schaun...
seh also nicht, welche galleryversion, welche galleryoption für die anzeige verwendet werden (davon gibts ja 2)...

ich rate mal, weil wie hier von andren schon mehrfach erwähnt die glaskugeln rar geworden sind...

oder vielleicht: (??)du hast der gallery noch nicht die richtige ID zugewiesen/eingetragen (10)
in der class mygallpicdesbord isam Ende ein Leerzeichen zuviel vor dem schliessenden Anführungszeichen (dürft aber nicht sowas bewirken)

Bine

Baustelle? Ich hab in den ganzen php-Dateien nix geändert. Was ist denn da nicht richtig?

Ich hab myGallery 1.2 und den Standartstyle aktiviert.

Die Galerie hab ich richtig zugewiesen. Sie wird ja auch angezeigt wenn man draufklickt.

Und jetzt hat funpic wohl mal wieder den geist aufgegeben, nix geht mehr.

Ilona

Zitat von Bine

Hallo frankie (:
kannst du mir sagen was ich in der css datei ändern muss? Ich sitz hier schon seit heute nachmittag und schraub und dreh aber nix funktioniert...
Nochmal zu dem Vorschaubild: Im IE funktioniert die Vorschau einwandfrei, nur im FF nicht. In den Einstellungen habe ich ein Vorschaubild eingestellt.
Die pdf hab ich auch schon durchgeackert, und auch die CSS Angaben für die Thumbnailansicht habe ich schon im meine eigene CSS Datei kopiert. Es funktioniert einfach nicht...:(

Ich bin zwar nicht Frankie, aber versuchs trotzdem mal. Du meinst sicher die Abstände zwischen den Thumbs in der Galerie, nicht in der Vorschau. Da habe ich in meiner CSS (Standard-Style-CSS von myGallery) diese Einstellungen:

Code

/*---------Style fuer Thumbnails--------------*/
.mypicsgallery {
        	text-align: center;
        	padding-top:15px;
}
.mypicsgallery a img {
        	border:1px solid #9F9F9F;
        	margin:3px 1px 3px 1px;
        	padding:3px;
        }
.mypicsgallery  a:hover img {
        	background:#e772ea;
        	color:#000000;
}

Alles anzeigen

Sieht in Aktion dann z. B. so aus: http://www.ilona-s.de/fotos/2006/rad…lgaeu-juli-2005

Warum allerdings die Vorschaubilder nicht angezeigt werden, weiß ich auch nicht. Grad eben kann ich nämlich gar nichts mehr testen, da die ganze Seite wohl platt ist. Kleiner Wutanfall und alles gelöscht? :-D

Gruß
Ilona

Bine

Hallo Ilona (:

Ne ich hab nix gemacht, funpic spinnt mal wieder. :|

Danke für den CSS-code, sobald ich wieder auf den server komme werde ich das mal ausprobieren. (:

Ilona

Ok, habs mir nochmal angeschaut, jetzt gehts ja wieder. (sowas wär für mich ein Grund, sofort den Provider zu wechseln, das geht ja gar nicht, aber das nur nebenbei)

Die Thumbs für die Vorschaubilder sind da und werden auch angezeigt, wenn du die URL dazu direkt eingibst. Ich vermute, dass irgendwas in deinem Theme die Bilder verkleinert oder unterdrückt oder so ähnlich. BTW, im zweiten Test ist gar kein Bild als Vorschaubild ausgewählt, richtig?

Hast du den Spass mal mit einen oder zwei anderen Themes probiert? Am liebsten irgend so ein Standard-Theme.

Viel Spaß und Gruß
Ilona

Bine

Ich hab das im Moment nur auf Funpic weil ich noch dran arbeitet.

Der Tipp mal das Theme zu ändern war Gold wert, im Standart-Theme funktioniert alles einwandfrei, Vorschaubilder sind da, die Abstände Stimmen etc.

Hach, danke, Fehler gefunden.

boriginal

Zitat

Der Code ist ja ein wahres Schlachtfeld, da validiert ja nix, nicht mal annähernd... Anbei ein kleiner Ausschnitt. Transparant ist ja sehr intrassant, kauf mal Deo für den Code... :mrgreen:

I know dat! Ist mir auch egal, Änderungen in diesem verflixten MyGallery Stylesheet scheinen nichts zu bewirken. Hat mich irgendwann so aggressiv gemacht, dass ich einfach alles geändert habe... und weil sich nichts getan hat, hab ich es dann so gelassen.

Aber das hat ja nichts mit meinem Problem zu tun. Denn selbst wenn ich den Orginal Stylesheet wieder einfüge, wird kein Preview-Picture angezeigt. Ich bin also gar nicht schuld daran.

Im Übrigen: Der Grund weshalb da überall "transparent" steht ist folgender: Beschreibungen einzelner Bilder werden in so einer hässlichen Box angezeigt, deren Hintergrundfarbe ich weg haben wollte. Hat aber nicht geklappt. Wenn mir jemand sagen kann, welcher Bereich des Stylesheets für die Beschreibung einzelner Bilder zuständig ist, wäre ich ihm sehr dankbar. "myfooter"? Zumindest habe ich unter dem Punkt die Border-Breite von 1 auf 0px umgestellt und seit dem hat die hässliche Box wenigstens keinen hässlichen Rahmen mehr.

Das lustige ist, wenn ich jetzt die Border-Breite wieder zurückstelle, ändert sich nichts... dieses MyGallerie-Stylesheet ist ein seltsamer Vogel - da kann man mir nichts erzählen.

Ilona

Das Stylesheet von MyGallery funktioniert, wenn man es nicht vergewaltigt. Und die Bilder sind auch da. Du wirst nicht umhin kommen, Ordnung in deinen Code zu bringen.

Wenn du es wie Bine mal mit dem Standard-Theme und der ursprünglichen MyGallery-Default-CSS-Datei (wasn Wort!) versuchst, wirst du sehen, dass es geht. :-)

Gruß
Ilona

boriginal

Wo sie recht hat, hat sie recht.

Verwundert mich trotzdem. Inwiefern sind denn Theme und MyGallery voneinader abhängig. Wozu hat den die Gelerie ihr eigenes Stylesheet?

Also: Selbst mit meinem verkorksten MyGallery-Stylesheet (an das Orginal komm ich gerade schlecht ran, weil ich nicht an meinem Computer bin) werden die Vorschaubilder im Standart-Theme angezeigt und es ist auch keine blöde Box um die Bildbeschreibung zu sehen. Was sagt mir das denn jetzt?

Wird der Stil dieser Bildbeschreibung durch den Stylesheet meines Themes festgelegt?
Wieso sorgt mein Theme dafür, dass die Vorschaubilder nicht angezeigt werden? Überschneiden sich da Befehle? Ich bin überfordert.

Ilona

Zitat von boriginal

Wird der Stil dieser Bildbeschreibung durch den Stylesheet meines Themes festgelegt?
Wieso sorgt mein Theme dafür, dass die Vorschaubilder nicht angezeigt werden? Überschneiden sich da Befehle? Ich bin überfordert.

Ja. Das hat was mit Vererbung zu tun. Eine Sache, die ich auch immer nur mit der try-and-error-Methode auf die Reihe kriege (bin ja nun auch nicht so der große CSS-Crack, eher im Gegenteil). Irgendwo in deinem Theme hast du festgelegt, dass Bilder auf diese bestimmte Art nicht angezeigt werden sollen. Also vielleicht mal sämtliche img- und a img-Definitionen prüfen. Kann auch sein, dass der Firefox diverse IE-Hacks übelnimmt, weil der IE es ja anzeigt.

Viel Spaß beim Fummeln!
Ilona

boriginal

Endlich. Es war nicht einfach, aber jetzt zeigt selbst der Feuerfuchs die Preview-Bilder an. Juju!

Die hässliche Bild-Beschreibungsbox ist allerdings immer noch da. So dramatisch ist das nicht, aber ich wüsste nicht, wo diese Box im Stylesheet meines Themes festgelgt sein sollte. Das einzige, was auffällt ist, dass sie diesen komischen Boxen stark ähnelt, die aufblitzen, wenn man mit dem Mauszeiger länger über einem Link verharrt.

Na ja... ich werde wohl suchen müssen.

Ilona

Zitat von boriginal

Endlich. Es war nicht einfach, aber jetzt zeigt selbst der Feuerfuchs die Preview-Bilder an. Juju!

Die hässliche Bild-Beschreibungsbox ist allerdings immer noch da. So dramatisch ist das nicht, aber ich wüsste nicht, wo diese Box im Stylesheet meines Themes festgelgt sein sollte. Das einzige, was auffällt ist, dass sie diesen komischen Boxen stark ähnelt, die aufblitzen, wenn man mit dem Mauszeiger länger über einem Link verharrt.

Na ja... ich werde wohl suchen müssen.

Wenn du das hier mal aus der MyGallery-CSS löschen würdest:

Code

.myfooter span {


        background: #ffffcc;


        border: 1px solid #eeeeee;


}

Nur´n Vorschlag. Eigentlich isses noch zu früh für sowas...

boriginal

Guter Vorschlag! Danke sehr.

Buegel

halloele!
ich hab das gleiche problem.
Keine Ansicht der Vorschaubilder im FF, bei IE klappt es prima.
Wechsle ich auf das Standardtheme ist alles bestens.
Nun hab ich auch mit der style.css rumgespielt ... leider ohne Erfolg.
Any ideas??

thx Micha

PHP

/* ---------------------------------------------------------------------------------- */


html, body {margin: 0; padding: 0; text-align: center;}


body {
    font-size: 12px;
    background: #e9e9e9;
    font-family: Verdana, Arial, Helvetica, sans-serif;}
 


p {margin: 0px 0px 12px 0px;}


a {color: #1f6166; text-decoration: none;}


a:hover {color: #00b3b3; text-decoration: none;}


#content a:hover {text-decoration: none; color: #00b3b3;}


/* ---------------------------------------------------------------------------------- */


#page {
    background: url(images/main.gif) repeat-y;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 850px;}






#titel {
    float: left;
    width: 538px;
    margin: 0px 0px 0px 0px; 
    padding: 120px 40px 0px 40px;}


#logo {
    width: 218px;
    float: left;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;}


#content {
    float: left;
    color: #000000;
    margin: 0;
    padding: 20px 40px 0px 40px;
    text-align: left;
    width: 538px;}


#footer {
    background: url(images/feed.gif) no-repeat bottom center;
    background-color: inherit;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 40px;
    margin: 0;
    padding: 10px 10px 0px 40px;}


#sidebar {
    color: #7a9799;
    float: right;
    font-size: 11px;
    margin: 0;
    padding: 25px 37px 0px 0px;
    text-align: left;
    width: 170px;}


#info {}


#end {
    background: url(images/bottom.gif) bottom left repeat-x transparent;
    margin: 4px 0px 0px 0px;}


/* ---------------------------------------------------------------------------------- */


h1, h1 a {
    letter-spacing: 1px;
    background: none;
    color: #1f6066;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;}


h2, h2 a {
    letter-spacing: 1px;
    background: none;
    color: #1f6066;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;}


h3 {
    background: inherit;
    font-weight: normal;
    color: #1f6066;
    font-size: 12px;
    margin: 16px 0px 4px 0px;
    padding: 0px 0px 0px 0px;}


#sidebar h4 {
    background: none;
    color: #1f6066;
    font-size: 16px;
    font-variant: small-caps;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 0px;}


#sidebar h5 {
    background: none;
    color: #1f6066;
    font-size: 16px;
    font-variant: small-caps;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 20px 0px 7px 0px;
    padding: 0px 0px 0px 0px;}


/* ---------------------------------------------------------------------------------- */


.date {
    color: #4d4d4d;
    font: 10px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    margin: 2px 0px 0px 0px;
    padding: 0 0 8px 0px;}


.pagetitle {
    font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 
    'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
    color: #1f6066; 
    font-size: 16px;
    padding: 0px 0px 20px 0px; 
    letter-spacing: 0.09em;}


blockquote {
    border-left: 1px dotted #ccd8d9;
    color: #9db1b3;
    padding: 1px 0px 10px 25px;
    margin: 12px 25px 0px 0px;}


#email, #author, #url {
    background: #ffffff;
    border: 1px solid #e9e9d9;
    color: #1f6066;
    font-size: 11px;
    padding-left: 2px;
    vertical-align: middle;}
    
.title {
    clear: left;
    text-align: left;
    color: #1f6066;
    font-size: 16px;
    font-variant: small-caps;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 12px 0px 4px 0px;}


/* ---------------------------------------------------------------------------------- */


acronym {text-decoration: none;}


code {background: inherit; color: #1f6066; text-align: right;}


.description {
    font-size: 12px; 
    font-variant: small-caps; 
    color: #ebebeb;
    text-align: left;
    padding-left: 2px;
    letter-spacing: 2px;}


.entry {margin: 4px 0px 0px 0px; line-height: 1.6em; color: #525252;}


.entry a {color: #95b300;}


#logo img {border: none;}


#content img {
    border: 1px solid #cccccc;
    padding: 4px;
    max-width: 100%;
    display: inline;}


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;}


.entry img {
    margin: 0px 8px 8px 0px;
    display: inline;}


#sidebar img {
    vertical-align: text-bottom;
    border: none;
    padding: 0px;
    margin: 0px;}


ol, form {margin: 0; padding: 0;}


ul {list-style-type: circle;}


/* ---------------------------------------------------------------------------------- */


#sidebar a {background: #ffffff; color: #4d4d4d;}


#sidebar a:hover {background: none; color: #00b3b3;}


#sidebar li {
    line-height: 1.5em;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 1px 0px;
    background: none;} 


#sidebar ul {
        background: #ffffff;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}


/* ---------------------------------------------------------------------------------- */


#s {
    background: #ffffff;
    border: 1px solid #e0e0d0;
    color: #4c6466;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 0px 2px 2px;
    vertical-align: top;
    width: 164px;}


#comment {
    background: #ffffff;
    border: 1px solid #cccccc; 
    color: #b34700;
    font-size: 11px;
    padding: 2px 2px 2px 2px;
    width: 350px; }


#submit {
    background: #ffffff;
    border: 1px solid #999999;
    color: #666666;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    padding: 0 10px;}


.commentbody {
    color: #1f6066;
    font-size: 11px;
    margin: 0px 0px 20px 0px;
    padding: 16px 12px 16px 12px;
    background: #f7f7f0;
    border: 1px solid #cccccc;
    position: relative;}


/* ---------------------------------------------------------------------------------- */


#com_info {padding: 0px 0px 0px 0px;}




.comment_title {
    text-align: center;
    font-weight: normal;
    background: inherit;
    color: #1f6066;
    font-size: 16px;
    margin: 16px 0 15px 0;
    padding: 0;}


.commentbody p {line-height: 1.2em;}


.commentlink {font-size: 10px;}


.commentlist {list-style: none;}


.commentlist a {color: #b34a00;}


.commentcount {
    background: inherit;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 24px;
    font-weight: bold;
    color: #dedbcc;
    float: right;
    margin: 20px 12px 0px 0px;
    padding: 0px 0px 0px 0px;}


html[xmlns] .commentcount {position: absolute; right: 7px; top: 0;}


/* ---------------------------------------------------------------------------------- */


.info_main {
    clear: left;
    color: #1f6066;
    font-size: 10px;
    text-align: right;
    letter-spacing: 0.01em;
    margin: 0px 0px 80px 0px;
    padding: 7px 0px 0px 0px;
    background: url(images/dot.gif) top left repeat-x transparent;}


.info_main a {background: none; color: #1f6066;}


.info_single {
    clear: left;    
    color: #1f6066;
    font-size: 10px;
    line-height: 1.2em;
    margin: 50px 0px 0px 0px;
    padding: 5px 0px 18px 0px;
    background: url(images/dot.gif) top left repeat-x transparent;}


.info_single a {background: none; color: #b34a00;}


.navigation {
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #1f6066;}


.alignleft {float: left; text-align: left;}


.alignright {float: right; text-align: right;}




.foot {text-align: right; margin-right: 400px}


/* ---------------------------------------------------------------------------------- */








/* 3d style for myGallery  */


ab hier original mygallery css eingefuegt

Alles anzeigen

alex.rabe

Nimm mal

[FONT=Courier New][COLOR=#0000cc]max[/COLOR][COLOR=#006600]-[/COLOR][COLOR=#0000cc]width[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#0000cc]100[/COLOR][/FONT][COLOR=#006600][FONT=Courier New]%;[/FONT][/COLOR]

[COLOR=#006600][COLOR=#000000]raus[/COLOR][/COLOR]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Mozilla zeigt Previewpics nicht an (MyGallery)

Jetzt mitmachen!