Thumbs Problem Frontend Phoca Gallery

[miquel]

hallo jan

ich habe ein problem mit den thumbs-bildern im frontend. fährt man mit der maus über die verlinkten thumbs, so springen diese herum. kannst du mir helfen?
siehe hier:

http://ft-ag.hosting.webgearing.com/ind ... &Itemid=53

phoca gallery 2.0.2 / joomla 1.5.7

besten dank für die hilfe

gruss m

[Jan]

Hallo, versuche die standarde Template einzuschalten...(z.B. rhuk milkyway), es sieht so aus, dass es ein Template problem ist...

Jan

[miquel]

hallo, vielen dank jan. es ist tatsächlich das template. mit rhuk milkyway funktioniert es einwandfrei. hast du eine lösung wie ich das problem mit meinem template angehen kann?

vielen dank für deine hilfe.

gruss m

[Jan]

Nein, leider nicht, Ich weiss nur, dass dort ein Konflikt mit "float" Boxen seien kann... aber was konkretes, das weiss ich leider nicht ...

Jan

[miquel]

ok jan, trotzdem herzlichen dank für den tipp und deine hilfe. deine gallery ist ansonsten super!

gruss m

[Jan]

[miquel]

Hallo Jan

Ich habe nun die Datei template.css bezüglich Float Boxes angeschaut und überprüft. In folgenden Lines habe ich Floats:

-Line 111; headerlogo; float left;
-Line 120; headermotiv; float right;
-Line 153; naviside; float left;
-Line 182; content; float right;

Das sind alle Float Boxes. Was müsste getan werden damit mein Problem mit den springenden Thumbs behoben werden kann? Sorry, bin ein Newbie:-(

Hier der ganze code von template.css

Code: Select all

html {
	height: 101%
}
body {
	margin: 0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 72%;
	color: #555;
}
#page_bg {
	background: url(../../../xampp/htdocs/testsite/templates/tmpl_xyz/images/pix_02.jpg) top left;
	background-repeat: repeat-x;
	background-color: #3A2717;
	text-align: center;
}
div, table, form, ul, p {
	font-size: 1em;
	line-height: 1.7em;
	text-align: justify;
	word-spacing: -0.2em;
}
strong {
	color: #3A2717;
}
form {
	margin: 0px;
	padding: 0px;
}
iframe {
	margin: 0px;
	padding: 0px;
}
li {
	list-style-image: url(../../../xampp/htdocs/testsite/images/M_images/arrow.png);
}
h1, h2, h3, h4, h5, h6 {
	color: #A49A66;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
h1 {
	font:  202% Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}
h2 {
	font:  165% Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}
h3 {
	font:  150% Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}
h4 {
	font:  100% Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}
h5 {
	font:  100% Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h6 {
	font:  75% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
a {
	text-decoration:  none;
	font-weight: bold;
	font-size: 11px;
	border: none;
	color: #A49A66;
}
a:hover {
	text-decoration:  underline;
	border: none;
}
#outer {
	width: 782px;
	border-left: 0px #fff solid;
	border-right: 0px #fff solid;
	padding: 0px;
	margin: auto;
	background-color: #fff;
}
.topmenue {
	width: 782px;
	height: 25px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: url(../../../xampp/htdocs/testsite/templates/tmpl_xyz/images/bg.jpg) top left;
	text-align: right;
}
.header {
	width: 782px;
	height: 184px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: transparent;
}
.headerlogo {
	width: 210px;
	height: 184px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: url(../../../xampp/htdocs/testsite/templates/tmpl_xyz/images/pix_03.jpg) top left;
	float: left;
}
.headermotiv {
	width: 572px;
	height: 184px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: url(../../../xampp/htdocs/testsite/templates/tmpl_xyz/images/pix_04.jpg) top left;
	float: right;
}
.clear {
	clear: both;
	visibility: hidden;
}
.mitte {
	width: 782px;
	height: 46px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: url(../../../xampp/htdocs/testsite/templates/tmpl_xyz/images/pix_06.jpg) top left;
	background-repeat: no-repeat;
}
.main {
	width: 782px;
	height: auto;
	border: 0px;
	padding: 0px;
	background: #fff;
	margin: 0px;
	vertical-align: top;
}
.naviside {
	background: url(../../../xampp/htdocs/testsite/templates/tmpl_xyz/images/pix_oben.jpg) top left;
	width: 210px;
	vertical-align: top;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	text-align: left;
	float: left;
}
.naviside li {
	list-style-image: none;
}
.navioben {
	background-repeat: no-repeat;
	height: auto;
	padding: 0px;
	margin: 0px;
	width: 210px;
	border-top: 1px #F0F0F0 solid;
}
.naviunten {
	background-image: url(../../../xampp/htdocs/testsite/templates/tmpl_xyz/images/pix_hinter.jpg);
	background-repeat: repeat-x;
	height: 200px;
	min-height: 200px;
	margin: 0px;
	padding: 0px;
	width: 210px;
}
.content {
	width: 572px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	text-align: left;
	float: right;
}
.clear {
	clear: both;
}
.contentinnen {
	width: 552px;
	border: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
}
.contentinnen div {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.footer {
	width: 100%;
	height: 25px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: url(../../../xampp/htdocs/testsite/templates/tmpl_xyz/images/bg.jpg) top left;
	background-repeat: no-repeat;
	background-color: #000;
	color: #fff;
	font-size: 10px;
	text-align: center;
}
img {
	border: 0px;
}

Besten Dank für Deine Hilfe

Gruss m

[Jan]

Das weiss ich leider nicht, weil ich nur die Templates für 1.5 Native verwende... I habe es noch nie bei Template die ich benutze, gesehen , so habe ich keine Ahnung was falsh in der Template seien kann ...

Die beste Methode ist, z.B. die ersten 10 Klassen enfernent und die Seite prüfen, wenn funktioniert, ist nicht Problem mit ersten zehn Klassen, wenn nicht, dann wieder nächsten 10 entferen und so musss man die ganze Template überprüffen...

Jan

[miquel]

ok, jan. besten dank für dein feedback. ich werde das tamplate mal überprüfen.

gruss m

[Jan]

ok