Hello,
On 01/05/06, Andreas Jellinghaus <[EMAIL PROTECTED]> wrote:
I'm no css guru at all, the whole design was done by a friend,
I only filled it with some content yesterday. for now I will leave it
as is, as it sems to look ok on firefox and konqueror, and I will
check ie later. also soo many things left to do before linuxtag... :)
but feedback is still very welcome. maybe I can add a third
branch for wild experiments towards a better layout.
I am not a CSS guru either. I propose the attached patch to:
- do not use a smaller font but use the default size everywhere
- do not use a fixed width but use a percentage of the screen width
- change the menu definition so that the "active" text has the same
height than the normal text. The problem is that the menu does not
fill the complete line but only where text is present.
With this CSS style the page should be much nicer when you resize the
window (to make it smaller or larger).
Any comment?
May I commit the diff?
Regards,
--
Dr. Ludovic Rousseau
Index: opensc.css
===================================================================
--- opensc.css (révision 113)
+++ opensc.css (copie de travail)
@@ -2,13 +2,11 @@
body {
text-align: center;
font: Verdana,sans-serif;
- font-size: 0.9em;
background:url(media/background.gif) repeat-x #c0c0c0;
}
td {
font: Verdana,sans-serif;
- font-size: 0.9em;
vertical-align: top;
}
@@ -43,7 +41,7 @@ h3 {
/** layout definitions **/
#page {
- width: 700px;
+ width: 80%;
margin:30px auto;
background: #FFF;
padding:0 15px;
@@ -56,9 +54,7 @@ h3 {
/** navigation definitions **/
#menu {
- height: 27px;
background: #395598;
- margin: 5px 0;
}
#menu ul {
@@ -75,10 +71,12 @@ h3 {
}
#menu a {
+ margin: 5px 0;
float: left;
display: block;
padding: 7px 15px;
color: #FFF;
+ background: #395598;
text-decoration: none;
font-weight: bold;
}
@@ -90,35 +88,36 @@ h3 {
/** teaser definitions **/
#teaser-right, #teaser-left {
height: 150px;
+ padding: 2% 2%;
}
#teaser-left {
float: left;
background: #213158 url(media/teaser-left-bg.png) repeat-x;
- width: 468px;
-
+ width: 65%;
+ color: #FFF;
+ font-size: 150%;
}
#teaser-right {
float: right;
- width: 205px;
+ width: 26%;
background: #b2b2b2 url(media/teaser-right.png) repeat-x;
border-left: 1px solid #C0C0C0;
- padding: 0 10px;
}
/** content definitions **/
#content-left {
float: left;
- width: 420px;
- margin: 10px 20px;
+ width: 65%;
+ padding: 2% 2%;
}
#content-right {
border-left: 1px solid #C0C0C0;
float: right;
- width: 205px;
- padding: 0 10px;
+ width: 26%;
+ padding: 2% 2%;
background: #EFEFEF;
}
_______________________________________________
opensc-devel mailing list
opensc-devel@lists.opensc-project.org
http://www.opensc-project.org/mailman/listinfo/opensc-devel
