User:Jd/Proposal/LangCSS: Difference between revisions
Content deleted Content added
mNo edit summary |
mNo edit summary |
||
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">
<ul>
Line 7 ⟶ 12:
</ul>
</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; }