diff options
author | chrisaga <chrisaga@piwigo.org> | 2006-07-27 18:13:23 +0000 |
---|---|---|
committer | chrisaga <chrisaga@piwigo.org> | 2006-07-27 18:13:23 +0000 |
commit | eb6d08ead24523ef1bf237508e3f2798af96c3b9 (patch) | |
tree | 3d880bf058b0bc569738d683776fbe17ea6f6cba | |
parent | 7ca31726ed18b70c04eb606e081df20aa63e9c06 (diff) |
fix bug 490: Inputs haven't the same size on different browsers
inputs inquickconnect are still smaller in IE but the layout is quite the same
git-svn-id: http://piwigo.org/svn/trunk@1506 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r-- | template/yoga/default-layout.css | 5 | ||||
-rw-r--r-- | template/yoga/fix-ie5-ie6.css | 19 | ||||
-rw-r--r-- | template/yoga/menubar.css | 12 |
3 files changed, 35 insertions, 1 deletions
diff --git a/template/yoga/default-layout.css b/template/yoga/default-layout.css index 5a7e293ed..17f0a23cc 100644 --- a/template/yoga/default-layout.css +++ b/template/yoga/default-layout.css @@ -52,7 +52,10 @@ HR.separation { } /** General defaults **/ -INPUT {margin: 0;} +INPUT, SELECT { + margin: 0; + font-size: 1em; /* <= some browsers don't set it correctly */ +} UL, DL, LI { text-align: left;} TABLE { /* horizontaly centered */ margin-left: auto; diff --git a/template/yoga/fix-ie5-ie6.css b/template/yoga/fix-ie5-ie6.css index c3c51859c..5bf360219 100644 --- a/template/yoga/fix-ie5-ie6.css +++ b/template/yoga/fix-ie5-ie6.css @@ -26,3 +26,22 @@ INPUT.radio, INPUT.checkbox { { display: inline; } + +/* fix quickconnect layout */ +FORM#quickconnect UL.actions { + width: 30px; /* <= get icons not so badly positionned */ +} + +FORM#quickconnect INPUT.text, +FORM#quickconnect INPUT.password, +FORM#quickconnect INPUT.submit { + position: relative; + left: -0.5em; /* definitively a bug ! */ +} + +FORM#quickconnect INPUT.text, +FORM#quickconnect INPUT.password { + width: 10em; +} + + diff --git a/template/yoga/menubar.css b/template/yoga/menubar.css index 0d5653779..d7bcced0b 100644 --- a/template/yoga/menubar.css +++ b/template/yoga/menubar.css @@ -87,6 +87,8 @@ FORM#quickconnect UL.actions { float: right; padding: 0; text-align: right; /* Opera 7.5 */ +} +FORM#quickconnect FIELDSET>UL.actions { width: 40%; /* Opera 7.5 cannot find why width:auto fails :-( */ } @@ -96,6 +98,16 @@ FORM#quickconnect LABEL { margin: 0 0.5em 0 0.5em; } +FORM#quickconnect INPUT[type=text], +FORM#quickconnect INPUT[type=password] { + width: 16.5em; +} + +FORM#quickconnect INPUT.text, +FORM#quickconnect INPUT.password { + width: 16.5em; /* <= same as above for IE with inputfix.htc */ +} + #menubar #menuTagCloud { text-align: center; margin: 5px 0; |