User:Jd/Proposal/LangCSS: Difference between revisions

From Wikimedia Foundation Governance Wiki
Content deleted Content added
Jd (talk | contribs)
mNo edit summary
Jd (talk | contribs)
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;
}