Phoca Gallery Thumbs and popUp

carol
Autor
Neues Mitglied

Mehr

08 Sep. 2009 11:33 #22990 von carol

Phoca Gallery Thumbs and popUp wurde erstellt von carol

Hallo Zusammen, vielen Dank an die Entwickler dieser tollen Extension

Habe aber leider zwei CSS Probleme ...
Und würde mich über eure Hilfe sehr freun.

Die Gallerie Seite: --ALTER LINK WURDE ENTFERNT--

Problems:
1. wenn ich auf ein Thumb klicke kommt ein Popup und das Bild öffnet sich im neuen Fenster.
Das Problem: ich bekomme den blauen Rand beim Bild im Popup fenster nicht weg.
Habe schon folgendes ohne Erfolg versucht:
Code:

Code:

a {border:none;} a:visited {border:none;} a.img {border:none;} table {border:none;} #image-box { border:none; background-color:#FFF;} #image-box a {border:none; text-decoartion:none;}

der code habe ich im frontend.css und im phocagallery.css .
Im Safari habe ich auch keinen Border mehr aber leider noch im Firefox und sicher auch im IE.

2. Die Anordnung von den Thums haben zu viel Abstand (Margin) obwohl ich im phocagalley.css den Margin und Padding auf 0 gsetzt habe.
Kennt jemand dieses Problem?
css code:
Code:

Code:

.phocagallery-box-file { position:relative; float:left; width:100px; height:100px; text-align:left; overflow:visible; margin: 0px; padding: 0px; }

würde mich über eine Antwort freuen
Vielen Dannk und Grüsse
carol

jimbo
Offline

Mehr

08 Sep. 2009 12:36 #22991 von jimbo

jimbo antwortete auf Re: Phoca Gallery Thumbs and popUp

1) Füge in der phocagallery.css folgenden Codeschnippsel ein und Dein Problem sollte browserübergreifend gelöst sein:

Code:

a img {
    border:0px;
    }

2) Diese Grösse steht "hart" im Quelltext. Entweder steht sie so irgendwo in einem der PHP-Files der Phoca oder sie wird auf Grund von Einstellungen im Backend so eingesetzt/errechnet.

Code:

<div class="phocagallery">
    <div class="phocagallery-box-file pgplugin1" style="height: 100px; width: 120px;">
        <center>
        ...
        </center>
    </div>
</div>

Gruss Dany (Jimbo)

Kein Support per PN.

Schtrietfaidor
Neues Mitglied

Mehr

08 Sep. 2009 12:39 #22992 von Schtrietfaidor

Schtrietfaidor antwortete auf Re: Phoca Gallery Thumbs and popUp

Hi,

1. Probiere im CSS mal folgende Regel:

Code:

div#image-box a img { border:0; }

CSS folgt hierarch. Regeln. D.h. zB, dass ID-Definitionen vor Klassendefinitionen gehen.

2. Die äußere Box hat eine feste Breite von 120px:

Code:

<div class="phocagallery-box-file pgplugin1" style="height: 100px; width: 120px;">

Da helfen die Abstandswerte nichts.
IMHO mußt Du die Breite in den Einstellungen von PhocaGallery vornehmen.

BTW, ich würde die Größe des Popups (derzeit 1024x783) kleiner wählen, wenn Du schon recht kleine Bilder verwendest.

Schtrietfaidor
Neues Mitglied

Mehr

08 Sep. 2009 12:45 #22993 von Schtrietfaidor

Schtrietfaidor antwortete auf Re: Phoca Gallery Thumbs and popUp

Waaa, jimbo tippt einfach schneller...

Moderatoren: Tribal6, RePao, Dragonlord, Chris Hoefliger, pascale, adiheutschi.ch

Joomla! Forum Schweiz wird Teil der D-A-CH Community

forum.joomla.de

Phoca Gallery Thumbs and popUp