User:Jd/Proposal/LangCSS: Difference between revisions
Content deleted Content added
mNo edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
== Idea == |
|||
Enhance accessibility by using a semantic list (&lgt;ul&rgt;). With some css magic we can keep the look 'n feel of the current lang templates :) |
|||
== Result == |
|||
<div class="divlang"> |
<div class="divlang"> |
||
<ul> |
<ul> |
||
Line 7: | Line 12: | ||
</ul> |
</ul> |
||
</div> |
</div> |
||
To actually see the result, you'll need the following lines to be added in [[User:{{{User}}}/monobook.css]]: |
|||
<pre> |
|||
.divlang { |
|||
background: #F9F9F9; |
|||
border: 1px solid #E9E9E9; |
|||
font-size: smaller; |
|||
margin: 0 0 1em 0; |
|||
padding: 0.5em 1em; |
|||
text-align: left; |
|||
} |
|||
.divlang ul { |
|||
display: inline; |
|||
margin-left: 0; |
|||
padding-left: 0; |
|||
} |
|||
.divlang ul li { |
|||
border-left: 1px solid #E4E4E4; |
|||
display: inline; |
|||
list-style: none; |
|||
margin-left: 0; |
|||
padding: 0 0.5em; |
|||
} |
|||
.divlang ul li.firstlang { |
|||
border-left: none; |
|||
display: inline; |
|||
list-style: none; |
|||
margin-left: 0; |
|||
padding-left: 0; |
|||
} |
|||
</pre> |
Revision as of 18:04, 6 August 2006
Idea
Enhance accessibility by using a semantic list (&lgt;ul&rgt;). With some css magic we can keep the look 'n feel of the current lang templates :)
Result
To actually see the result, you'll need the following lines to be added in [[User:{{{User}}}/monobook.css]]:
.divlang { background: #F9F9F9; border: 1px solid #E9E9E9; font-size: smaller; margin: 0 0 1em 0; padding: 0.5em 1em; text-align: left; } .divlang ul { display: inline; margin-left: 0; padding-left: 0; } .divlang ul li { border-left: 1px solid #E4E4E4; display: inline; list-style: none; margin-left: 0; padding: 0 0.5em; } .divlang ul li.firstlang { border-left: none; display: inline; list-style: none; margin-left: 0; padding-left: 0; }