Viewing Thread:
"Eccles"

Hello Eccles! Mmm I love eccles cakes by the way.

I wonder if you could help me (Or anyone else if possible). Sometimes when I surf the interwebs I find something that I quite fancy for my own site. Unfortunately I think Tony has blocked YouTube from your interwebs so I can't show you what I want to duplicate. For those who don't have it blocked I'd love to duplicate the global menu. Freeola have something similiar that they added recently on the MyFreeola page (the floating menu for the go back to: links). I'd like something like that but to only appear when clicked on.

Questions
What magic is doing this. Is it stable on other browsers. Is it easy to impliment and does anyone have any links or homemade scripts they could show me?

GO TEAM MACHIE!

I'm not sure I get what you're after exactly but I'll explain what I think you're after anyway.
The easiest way to make a text based horizontal menu is to use an unordered list:

<ul id="top_navigation">
<li><a href="link1.htm">Link 1</a>
<li><a href="link2.htm">Link 2</a>
<li><a href="link2.htm">Link 2</a>
...
</ul>

And then apply some CSS to it to make the links inline and remove the default list styling:

#top_navigation {
margin: 0; //removes indent
padding: 0;
list-style: none; //remove dot styling
}
#top_navigation li {
float: left;//make the list horizontal and still allows block level styling to be applied
padding: 3px 4px 3px 4px;
}

You can of course do a lot more styling than this but I've added padding to the list items to that they have spacing either side.

Or you could be very lazy and just use      lots!

Edit again: Just found this for you.

Machie wrote:
> How do I seperate them nicely like they do on other websites?

I see you are only asking Eccles, but...

Have you tried looking at the source code and CSS on one of the sites that uses a style you like to see what techniques they are using?



Look out Eccles, Machie had me, Garin and cjh going for years on his spoof website :¬P



[LINK=http://www.hmmm.ip3.co.uk][S]Search Freeola Chat[/LINK]

What was wrong with what Eccles gave you before?

Yeah that's what I wanted cjh =) So if someone did have it turned off then it would still take them to a HTML version of the list.

-------

Okay Eccles, I wonder if you can help me again. I think I tried to get this problem sorted before on here, but it didnt work out. =(

At the top right of my site, I have the usual links...

'Contact | Site Map | Help' etc

My problem is it doesnt look good presented like that as they're spaced too close together.

How do I seperate them nicely like they do on other websites?

Any links or examples would be very helpful. =)

Whichever method you go with Machie, make sure that the original link clicks to a meaningful page, so that people without JavaScript / CSS can use the links as normal, like in MyFreeola, if you have JavaScript disabled, the links go to the home pages of each section, whereas other sites unfortunately use a meaningless # value or the javascript: handler in the href attribute ... like the link to Gameaday Winners to the left.

Eccles wrote:
> What're you trying to say? I'm not meaningful!? :P


As if...

Eccles 'this post' is currently number one!

;¬)

What're you trying to say? I'm not meaningful!? :P

Just a thought...

Machie or Digitrader(Mod) any chance of changing the 'Thread Title' to something meaningful?!

i.e. 'Javascript/CSS menus'




Search Freeola Chat

I truely hope Tony gives you guys bonuses for being so helpful. Even when Im about to call it quits, you still offer more help with my problem. =D

Thank you very much Loki, this one seems to be very good and works in IE too. As Eccles said I want to limit the amount of Javascript I use for the reasons he's mentioned. But I'm hoping I can get away with it as it's just a menu for alternative languages for my website. (Like YouTube uses it to select different countries)

The alternative was just a simple pulldown menu. But everyone seems to avoid it like the plaque now and use javascript, css etc. Not sure why that is.

Thanks for the links Eccles, I'm checking them out now.

I think we all want cross-browser standards compliance! It'll never happen as no one can ever agree on the standards (MS).
Javascript menus are easier to implement, but for usability the menu should still work when Javascript is turned off and that's where the challenge of cross-browser CSS comes in. However, most people assume that the user has Javascript enabled for their browser otherwise a lot of functionality would be lost. Screen readers and other computer aids still struggle with Javascript though.
There are lots of sites out there to help you, including Dynamic Drive and Hotscripts and also lots of really handy Javascript libraries designed to make writing Javascript quicker and easier, such as jQuery, Prototype and loads of others listed here.