summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorIsmael Carnales <icarnales@gmail.com>2009-11-12 22:11:50 -0200
committerDan McGee <dan@archlinux.org>2010-01-30 14:42:38 -0600
commit5faf656630afc13794b283a27a6a57dcf2b8ab0a (patch)
tree66535edfe1da24eed22d4a87d6b583da878aee97
parent8ffc8fc63d32162ad9d0f2dd1cf3cf8d9a37f0d0 (diff)
Modify menu items order to be from top to bottom
The menu was rendered bottom to top in the html because the elements were floated to the right. This caused text browsers visitors (no CSS rendering) to see the menu backwards. I've modified the menu order and made the items float to the left so the menu is correctly rendered in text browsers. Signed-off-by: Ismael Carnales <icarnales@gmail.com> Signed-off-by: Dan McGee <dan@archlinux.org>
-rw-r--r--media/arch.css3
-rw-r--r--templates/base.html10
2 files changed, 6 insertions, 7 deletions
diff --git a/media/arch.css b/media/arch.css
index 92c2b938..66f2ded5 100644
--- a/media/arch.css
+++ b/media/arch.css
@@ -18,7 +18,6 @@ body {
position: absolute;
top: 123px;
right: 30px;
- width: 600px;
background: #333;
}
#dev_nav {
@@ -35,7 +34,7 @@ body {
}
#main_nav ul li, #dev_nav ul li {
display: block;
- float: right;
+ float: left;
margin: 0 3px;
padding: 0;
text-align: center;
diff --git a/templates/base.html b/templates/base.html
index b9cdb6dd..968f7173 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -17,12 +17,12 @@
<div id="main_nav">
{% block topmenu %}
<ul>
- <li{% ifequal path '/download/' %} class="selected"{% endifequal %}><a href="/download/">Download</a></li>
- <li><a href="http://aur.archlinux.org/">AUR</a></li>
- <li><a href="http://bugs.archlinux.org/">Bugs</a></li>
- <li><a href="http://wiki.archlinux.org/">Wiki</a></li>
- <li><a href="http://bbs.archlinux.org/">Forums</a></li>
<li{% ifnotequal path '/download/' %} class="selected"{% endifnotequal %}><a href="/">Home</a></li>
+ <li><a href="http://bbs.archlinux.org/">Forums</a></li>
+ <li><a href="http://wiki.archlinux.org/">Wiki</a></li>
+ <li><a href="http://bugs.archlinux.org/">Bugs</a></li>
+ <li><a href="http://aur.archlinux.org/">AUR</a></li>
+ <li{% ifequal path '/download/' %} class="selected"{% endifequal %}><a href="/download/">Download</a></li>
</ul>
{% endblock %}
</div>