CSS MENU IN iWEB

Or use this.

<iframe src="http://www.barbarossanautica.com/menu.html" frameborder="0" width="991" height="40" scrolling="no" allowTransparency="true"></iframe>

Or this :

<iframe src="../../menu.html" frameborder="0" width="991" height="40" scrolling="no" allowTransparency="true"></iframe>

Or this :

<iframe src="../../../menu.html" frameborder="0" width="991" height="40" scrolling="no" allowTransparency="true"></iframe>

The result is the same. It all depends where your files, relative to each other.

Well for me it's been very profitable the talking, the css3menu shows, in various ways, by an iframe as Wyodor suggests, or by direct way as Roddy an Jeff say. And at the end everything has to be "in the server" as all of you say.

The last asking and it's just samll, is that both ways need to be connected to internet, and I ask, if I were jocking without any connecction to internet what should be the path to the menu.html?

I understand that the all code should have to be changed because also the independent links had to be recoded, but this I think is a complete different story.

The best for me is that I have been working slowly and alone in a too much self-taught way. I got now the nice learning tale, that is long better way having you as partners.

Thank you very much for your time and knowledge.

I would like to give you reputation points to all of you, Wyodor, Ruddy and Jeff , but don't know how...

Well the menu is showing up and working but I have a new problem that I've been trying to solve without success. When I go to my web if I change from page to page slowly, so I wait until the page complete loads there's no problem, but if I load a page a quickly before the page loads complete, the menu disappears and the page doesn't change, then if I reload everything works fine again. It's not problem with some users but it's with the nervous ones. I thought it was a problem of the order of the load of widgets so I remade my page to have the menu snippet first, but it didn't solve the problem. Any help?

Thanks

www.barbarossanautica.com

With a fast internet connection you need to be really quick to reproduce this.

Try using an optimizer to get your pages to download faster. This can result in your pages appearing twice as fast in the browser...

http://www.iwebformusicians.com/Search-Engine-Optimization/Optimize.html

You are also using a lot of HTML Snippets - up to 15 per page. Each one of these requies the browser to load a separate html file. You need to ask yourself if all these are necessary.

The other "time waster" is the background image.

My conecction it's not very fast, due to local problems, I used webcrusher to make the web smaller and it makes up to 30% of savings.

If the page it's too heavy usual thing would be to take a time to download, but the problem is that the load get's blocked.

It's true one of the pages got a lot of snippets but some just have the menu and the resultate is the same, so I think something in the codes are kind of fighting instead of donwloading with a certain order.

For cable connetions in most of the cases there would be not problems if they're fast, but for the ones that are like phone conecttions this can be a problem.

I've been working all the weekend to solve it, I changed from the complete html to just the iframe code, then remade all the page so the menu sinippet was the widget0 instead of the widget4 or more. Thinking it would donwload in first place

And the final thing is that I'm shure that if the menú would be a regular one, so text with hyperlinks, everything it's going to be allright.

Thanks for you time and interest.

Got this answer from css3menu support:

Hi Miguel,

Thank you for your interest in our products.

Actually it's normal behaviour. One should wait till the page would load completely.

So It seems the only way is going back to a "normal" menu if I want it full working in any station.

What a pitty after all this work

You say that you are using WebCrusher but the html files on the server have not been optimized!

Well all the web has pased across webcrusher, but then I make the tags, headre and footer and the "alt" with Iweb seo tool, and finally I organize and add tags with Coda, I don't let webcrusher use all his power because it's dangerous.

I want to have that kind of apple's style menu, but I'm going to look for something else, maybe something more simple, I hire the boats in my web and it has to work fine.

Although WebCrusher is really easy to use straight out of the box, it does have a lot of features in the preferences to reduce its "power".

There are lots of examples of "Apple" style menus if you Google them. Here's one...

http://ezmacwebdesign.com/Demo/apple-style-menu/apple-style-menu.html

Sorry for my english, that's what I did changing some of the Webcrusher preferences.

Yes there're a lot of Apple style menu's around but most of then are css based and now I'm a little scared, I don't have so much time for learning, just want to have my web working and have to prepare another..

I'm thinking about doing it in simple html, no java or css, just something stethic and full working.

Now I'm a kind of sailor but I was in music bussiness for a long time before it all went down.

I'm not complaining about your English. I thought "power" was a good way of describing what WebCrusher does!

That style of menu can be simplified a lot. Most of the code is required to create the color gradients in all the different browsers. The CSS would be a lot simpler if a plain background color was used.

Here's a version with all the gradients, shadows etc removed...

http://ezmacwebdesign.com/Demo/apple-style-menu/apple-color.html

The CSS comes down to this...

<style type="text/css">

.menu {

margin: 10px 0;

padding: 0;

}

.menu ul {

display: inline-block;

outline: none;

cursor: pointer;

text-align: center;

}

.menu ul li {

float: left;

list-style: none;

}

.menu ul li a {

font: 1em "Lucida Grande", Arial, Helvetica, sans-serif;

border-right: 1px solid #888;

padding: 8px 30px;

text-decoration: none;

background: #666;

color: #08BFFF;

}

.menu ul li:last-child a:after {border: none;

}

.menu ul li:first-child a {

-webkit-border-radius: 10px 0 0 10px;

border-radius: 10px 0 0 10px;

}

.menu ul li:last-child a {

-webkit-border-radius: 0 10px 10px 0;

border-radius: 0 10px 10px 0;

}

.menu ul li a:hover {

border-right: 1px solid #ddd;

color: #fff;

background: #888;

}

.menu ul li a.current {

background: #000;

color: #ddd;

}

</style>

Do you think the problem of the not complete loading has something to see with simplifying the code?

I have right now made smaller the images you said

But could it be that something isn't working well? because as I said it's complete different problem, slow donwload due to too heavy components, than blocked download due to wrong codes, don't you think?

This page is taking over 10 seconds to download when tested...

http://www.barbarossanautica.com/Venta_de_Embarcaciones/Venta_de_Embarcaciones.h tml

7 seconds is considered to be the longest the average person will wait!

When you create a website with an HTML editor, you have control over the order in which supporting files download and the position of items in the HTML. With iWeb you don't.

Normally, you would put all the non essential code - like the analytics - at the bottom just before the closing body tag.