Piwigo.org

Stilleto · 2005-12-23 00:05:54

Hello everyone
I have small problem with newest PWG (1.5.1) and Opera (7.5x maybe older).
When i browsing PWG with Opera, the connections 'table' (bottom-left corner of the menu) doesnt look the same as in the IE, its really awful. Every button, and text field isnt on the right place, everything is under the 'table'. Here is link to the example image.
http://lexx.eu.org/~stilleto/fotki/opera.jpg

Anybody can help? Is this css or WebBrowser error? What I should change in .css? Or maybe it looks correct... ?
PWG1.5.1, Apache 2.0.54, PHP 5.0.5., MySQL 5.0.13RC Everything go on WinXP Prof SP2

VDigital · 2005-12-23 08:12:54

It is a bug of Opera.
In Standards templates, look in menubar.css then find:

Code:

/* quickconnect form */
FORM#quickconnect { 
  margin: 0;
}

FORM#quickconnect FIELDSET {
  margin: 5px;
}

FORM#quickconnect P {
  float: left;
  margin: 0;
}

FORM#quickconnect UL.actions {
  display: inline;
  margin: 0,5em 0 0 0;
  float: right;
}

Stilleto · 2005-12-23 23:09:36

I found it, but what i should change?

volcom · 2005-12-23 23:10:38

try to change margin values I think.

chrisaga · 2005-12-30 21:08:20

volcom wrote:
try to change margin values I think.

No, it seems to be a float issue.
In fact the fieldset behaves almost like a DIV in Opera 7 and not in other browsers.
I'm on it, but somebody shoul have reported the bug inthe bugtraker ;-)

[edited]
Definitively a float issue. Try this :

Code:

/* quickconnect form */
FORM#quickconnect { 
  margin: 0;
  padding: 5px;
}

FORM#quickconnect FIELDSET {
  margin: 0;
  padding: 0 0 0.5em 0;
  overflow: hidden;  /* Correct float issue with Opera 7.5 */
  width: 100%;    /*        //            */
}

FORM#quickconnect P {
  float: left;
}

FORM#quickconnect P INPUT {
  margin: 0;
}

FORM#quickconnect UL.actions {
  display: inline;
  float: right;
  padding: 0;
  text-align: right;  /* Opera 7.5 */
  width: 40%;    /* Opera 7.5 cannot find why width:auto fails :-( */
}

FORM#quickconnect UL.actions,
FORM#quickconnect P, 
FORM#quickconnect LABEL {
  margin: 0 0.5em 0 0.5em;
}

It seems to work quite fine in Opera 7.5, Gecko, Konqueror and IE
This will be in next version of the template
[/edited]

Last edited by chrisaga (2005-12-30 22:16:25)

VDigital · 2005-12-30 22:13:40

chrisaga wrote:
I'm on it, but somebody shoul have reported the bug inthe bugtraker ;-)

I can report it.
Thanks Chris.

Stilleto · 2006-01-10 22:21:29

Now is a little better, but its really could be MUCH better :]

Stilleto · 2006-01-10 22:35:08

Damn, its work :))
for Opera 7,5 change this value (for PWG 1.5.1) in menu.css

FORM#quickconnect FIELDSET {
margin: 5px;
padding: 0 0 0.5em 10px;
overflow: hidden; /* Correct float issue with Opera 7.5 */
width: 90%; /* // */

Goodluck :D

volcom · 2006-01-10 23:37:00

chrisaga is the best ;)

Piwigo.org

Announcement

#1 2005-12-23 00:05:54

Trouble with PWG1.5.1 and Opera

#2 2005-12-23 08:12:54

Re: Trouble with PWG1.5.1 and Opera

Code:

#3 2005-12-23 23:09:36

Re: Trouble with PWG1.5.1 and Opera

#4 2005-12-23 23:10:38

Re: Trouble with PWG1.5.1 and Opera

#5 2005-12-30 21:08:20

Re: Trouble with PWG1.5.1 and Opera

volcom wrote:

Code:

#6 2005-12-30 22:13:40

Re: Trouble with PWG1.5.1 and Opera

chrisaga wrote:

#7 2006-01-10 22:21:29

Re: Trouble with PWG1.5.1 and Opera

#8 2006-01-10 22:35:08

Re: Trouble with PWG1.5.1 and Opera

#9 2006-01-10 23:37:00

Re: Trouble with PWG1.5.1 and Opera

Board footer