Apple Event: May 7th at 7 am PT

Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

CSS MENU IN iWEB

Hello,


Yesterday I downloaded a CSS Menu Maker from http://css3menu.com


My probleme is that I cannot put the codes onto my iWeb site so that the menu appears correctly.


I have sent an e-mail to css3menu.com support but they did not react so far - I wondering if they will ever do... Anyway they are too slow there to respond...😟


Could someone tell me what I did wrong?


Thanks,

Attila


"Dear Tech Support,


Today I have bought an Unlimited Website Licence of CSS Navigation Builder and I was delighted that in the FAQ someone has asked about how to use it with iWeb (http://css3menu.com/rq/css3-menu-templates-software-with-iweb-site-x.html).


Although I was following the procedure as you have described in that FAQ, there was no success. (Here you can see what I have got: http://aranyoldalak.eu/CSS.html)


Let me describe you step-by-step what I did hoping that it will facilitate "debugging":


1. I have created a menu (I have actually chosen a default one), named it "TEST" and saved it into a folder on my Desktop.


2. I have opened "TEST.html" with the latest version of "Text Wrangler" and copied the code starting with line "<!-- Start css3menu.com HEAD section -->" and ending with line "<!-- End css3menu.com BODY section -->".


3. I have pasted it into a snippet on a page named "CSS" on my website (www.aranyoldalak.eu) and published the site changes onto the server.


4. I have uploaded both "TEST.html" and the folder named "TEST_files", created automatically when I hit "Publish" in CSS3Menu, directly under the root folder on the server ("/public_html" in my case). (As you described on your website, the "TEST_files" folder contains and another folder ("css3menu1"), which in its turn contains the following 3 files: "arrowsub.gif", "mainbk.png" and "style.css".) So ALL these folders and files are uploaded.


I use OS X 10.7.3 and iWeb on a MacBook Pro 13" that I bought last year.



So where the problem may be? (When you answer please keep in mind I am not knowledgeable about coding or css. I would appreciate a step-by-step explanation with clear terms for non pros...)"

Posted on Apr 21, 2012 7:10 AM

Reply
Question marked as Best reply

Posted on Apr 21, 2012 8:27 AM

The link to the Stylesheet is wrong.


Instead of :


<link rel="stylesheet" href="TEST_files/css3menu1/style.css" type="text/css" />


Use this :


<link rel="stylesheet" href="../../TEST_files/css3menu1/style.css" type="text/css">

61 replies

Feb 15, 2013 1:21 AM in response to Roddy

Thanks Roddy it works like a charm, I tried out yesterday dleting the -imoz, but it didn't worked, 'cause I think also the sintax order was wrong I got this answer from Firefox support, that still has the -imoz , I suppose for suporting older versions navigators and adds the same line you did


This is the message:



You are using the wrong syntax/spelling for the individual border radius properties.


See https://developer.mozilla.org/en-US/docs/CSS/border-radius


Note: Support for the prefixed version (-moz-border-radius) was removed in Gecko 13.0 (Firefox 13.0 / Thunderbird 13.0 / SeaMonkey 2.10).


/* Rounded Corners */

-moz-border-top-left-radius: 10px;

-moz-border-bottom-left-radius: 10px;

-webkit-border-top-left-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

border-top-left-radius: 10px;

border-bottom-left-radius: 10px;

/* Rounded Corners */

-moz-border-top-right-radius: 10px;

-moz-border-bottom-right-radius: 10px;

-webkit-border-top-right-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

border-top-right-radius: 10px;

border-bottom-right-radius: 10px;



I'm gonna try with this menu that looks simple, elegant, and somehow easy editing.

If it works I will say it here

Thanks a lot Roddy

Lend me your ears http://youtu.be/nxB0hjvEw0Ihttp://

CSS MENU IN iWEB

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple ID.