summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorIsmael Carnales <icarnales@gmail.com>2009-11-13 01:11:50 +0100
committerDan McGee <dan@archlinux.org>2010-01-30 21:42:38 +0100
commit5faf656630afc13794b283a27a6a57dcf2b8ab0a (patch)
tree66535edfe1da24eed22d4a87d6b583da878aee97
parent8ffc8fc63d32162ad9d0f2dd1cf3cf8d9a37f0d0 (diff)
downloadarchweb-5faf656630afc13794b283a27a6a57dcf2b8ab0a.tar.gz
archweb-5faf656630afc13794b283a27a6a57dcf2b8ab0a.tar.xz
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 92c2b93..66f2ded 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 b9cdb6d..968f717 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>