1. Skip to navigation
  2. Skip to content
  3. Skip to sidebar
Source link: http://archive.mises.org/3812/help-design-the-new-mises-theme/

Help Design the new Mises Theme

July 12, 2005 by

I am designing a new theme for Mises.org using CSS and a drop-down menu. The design is almost complete, but there are a few quirks to be worked out.

If you want to help, read on:1) In Mozilla browsers, the drop-down nav menu alights left. Why?

2) In Internet Explorer, ASP pages, the drop-down nav menu aligns left also. The HTML is nearly the same as the ASPX page, so why?

3) I would like to highlight the links on the logo (image map) on hover. Is this possible? (Perhaps with overlapping images?)

{ 15 comments }

Sebastian Weil July 12, 2005 at 3:28 am

I like the old design better.

Stephen W. Carson July 12, 2005 at 7:59 am

The new design is cool. The drop-down nav menu is aligning left on Safari as well.

Brent Nelson July 12, 2005 at 9:50 am

I don’t see anything in the html to suggest that it should be other than left-justified. I think you need to make it explicit. Something like “float : right” in the UL?

David J. Heinrich July 12, 2005 at 11:38 am

I like the idea of drop-down menus, but I think some of the old style should be maintained. Namely, I’d suggest using the old style, but modifying it to include drop-downs that fit in appropriately.

Artisan July 12, 2005 at 1:04 pm

I know you can’t please everyone… what matters is the content.

I however, play a lot with that comfortable Firefox/ Opera feature allowing you to CTRL-wheel the page to have larger or smaller characters. It makes reading on a PC screen much more natural…

Well the old design used to be fine with that feature but now it just collapses pretty quickly…

Good Work!

Aaron Lane Morris July 12, 2005 at 4:15 pm

I assume you are using the Suckerfish dropdowns from alistapart?

If so, use the JavaScript image replacement to get your hover. There is an example here:
http://www.mywebstuff.com/02_css/css_07.html

Aaron Lane Morris July 12, 2005 at 4:19 pm

Something else you might want to consider is that the lighter blue box between the “Blog” and “Search” links looks like it is positioned wrong. When you are not viewing the page fully its positioning obscures other elements.

If you need CSS help AIM me at IrishWKU or Email.

CS July 12, 2005 at 8:58 pm

Here’s an easy one to remember.
When you have some style messing up in IE when it is perfectly fine in Firefox,
put the correct style attribute in a block preceded by
html>body

So if your margins are messing up in #center
do this.

#center {
margin: 0 0 0 12px; /* incorrect IE style */
}
html>body #center {
margin: 0 0 0 6px; /* correct style */
}

IE can’t process this type of sub-element style.
But good browsers can.

Also, as far as mouseover highlighted links on the logo.. you can’t do that easily using an image map.. best bet is to cut up the image and use either CSS or javascript mouseovers.

I reccomend the CSS Sprites method… check out this article.
http://www.alistapart.com/articles/sprites/

Then to address people like Artisan (who wanted easily zoomed sites without having the CSS break the page)… check out the sliding doors method for navigation, and a good learning tool for correct philosophy on accessibility.

Good Luck!

David J. Heinrich July 12, 2005 at 9:14 pm

The home page looks really out of wack on FireFox (v1.0) in Linux. All of the items on the menu-bar, except for “Daily Articles” only have one line, so it looks discontinuous. Furthermore, the weblog aspect of the Daily Articles, and the picture links to popular Mises.org pages to the left of that, all appear oriented to the left of the Mises.org Menu-Bar.

Dan Kurry July 13, 2005 at 1:55 am

David,

Mises.org has come a long way in the past day. There is no question Mises.org is moving in the right direction for accessibility and usability, though not everyone agrees on its appearance.

I commend you and Jeff Tucker for your hard work and initiative.

Regards,
Dan.

Karen De Coster July 13, 2005 at 6:06 am

Kudos for the drop-down. It unclutters the header quite a bit. The new header design is also better: more streamlined, and unlike the current header design, it’s not “fuzzy.”

LT July 13, 2005 at 6:11 am

Good initiative to redesign the theme.

In Safari 2.0 the cursor doesn’t have a pointing hand cursor icon when you hover over the drop down menu links, but the standard arrow cursor instead.

Furthermore, the search box border overlaps the light blue background next to the search button.

Don Lloyd July 13, 2005 at 6:39 am

David,

With IE6, the Media and Publications menus can be seen, but can’t be accessed. The lower level menu headings below over-write the menus when access is attempted.

Regards, Don

bkmarcus July 13, 2005 at 1:27 pm

I can’t get the search form to work on my Mac OSX machine. Neither in Firefox nor IE.

I can click the search button, but I can’t enter text into what looks like it should be the input field.

Anthony Gregory July 13, 2005 at 1:44 pm

I can type into the field, but nothing happens when I hit “search.” (I have Mac, OS X, with Safari.)

Comments on this entry are closed.

Previous post:

Next post: