aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorchrisaga <chrisaga@piwigo.org>2006-07-27 18:13:23 +0000
committerchrisaga <chrisaga@piwigo.org>2006-07-27 18:13:23 +0000
commiteb6d08ead24523ef1bf237508e3f2798af96c3b9 (patch)
tree3d880bf058b0bc569738d683776fbe17ea6f6cba
parent7ca31726ed18b70c04eb606e081df20aa63e9c06 (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
-rw-r--r--template/yoga/default-layout.css5
-rw-r--r--template/yoga/fix-ie5-ie6.css19
-rw-r--r--template/yoga/menubar.css12
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;