diff options
author | Ismael Carnales <icarnales@gmail.com> | 2009-11-13 01:11:50 +0100 |
---|---|---|
committer | Dan McGee <dan@archlinux.org> | 2010-01-30 21:42:38 +0100 |
commit | 5faf656630afc13794b283a27a6a57dcf2b8ab0a (patch) | |
tree | 66535edfe1da24eed22d4a87d6b583da878aee97 | |
parent | 8ffc8fc63d32162ad9d0f2dd1cf3cf8d9a37f0d0 (diff) | |
download | archweb-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.css | 3 | ||||
-rw-r--r-- | templates/base.html | 10 |
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> |