css menu not working

  • 1
  • Question
  • Updated 8 years ago
I want to create a CSS menu and decided to create it with Coffee Cup Menu Maker, it's very user friendly and easy to use.

I have now got the html/ css code as follows:

<!DOCTYPE html SYSTEM>

<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/t...>
<![endif]-->



  • Buy Now

  • About Us

  • Contact

  • Give Us Your Feedback



  • I have attempted as described by Margie putting the above in a html widget at the top of the page and uploading the style sheet (menu-menu.css) with the file manager, this did not work.

    So then I created 2 separate html widgets first with:

    second with:



  • Buy Now

  • About Us

  • Contact

  • Give Us Your Feedback



  • But still no joy, have also tried other slight variations of this, in all I have spent 3 hours trying to get this to work, I have done this numerous times without yola so kinda know what I'm doing but i'm stuck,

    Please help me!

    Thanks,

    Ceri.
    Photo of Ceri Thomas

    Ceri Thomas

    • 24 Posts
    • 3 Reply Likes
    • going mental!

    Posted 8 years ago

    • 1
    Photo of Ceri Thomas

    Ceri Thomas

    • 24 Posts
    • 3 Reply Likes
    o.k heres the css/ html file:
    http://www.mediafire.com/?40zqxvnkx31...
    and
    http://www.mediafire.com/?w31m7nclibb...
    as all the html im posting in here is not visible,

    Thanks,

    Ceri.
    Photo of Emmy

    Emmy

    • 5892 Posts
    • 299 Reply Likes
    Hello Cheri,

    I am going to forward this to a colleague of mine to be looked at, she is not online right now but when she returns she will be able to take a look. If you would like your code to show up you can put this at the beginning <!-- and this at the end -->. This will make it so that the output of the code is not rendered on the page, but the code itself.

    I hope this information is helpful!

    Emmy
    Photo of Ceri Thomas

    Ceri Thomas

    • 24 Posts
    • 3 Reply Likes
    Hi Emmy, that would be great, this is very important, im meant to complete this project int he next day or so, Thanks, Ceri.
    Photo of Margie

    Margie

    • 286 Posts
    • 25 Reply Likes
    Ceri, you mentioned following my instructions in another post. I'd be happy to take a look, but don't want to download the files to my computer from the mediafile links you posted.

    Would you mind posting both codes here using comment tags before and after
    < ! -- code goes here without the spaces -- ! >
    so they're readable here?
    Photo of Ceri Thomas

    Ceri Thomas

    • 24 Posts
    • 3 Reply Likes
    Hi Margie, did you manage to take a look at the code via my link: http://www.gsmmobileshop.com/css.html thanks, ceri.
    Photo of Ceri Thomas

    Ceri Thomas

    • 24 Posts
    • 3 Reply Likes
    Hi, Thanks Margie,

    attempted to place the comments here using the < ! -- code but did not work so have uploaded to my webspace in text format that does not require downloading, please view: http://www.gsmmobileshop.com/css.html
    as you will see it is setup to link to menu-menu.css which I have uploaded in my file manager, I have attempted numerous methods but still displays on the page as:



  • Buy Now

  • About Us

  • Contact

  • Give Us Your Feedback



  • Any thoughts? Thank you again for your input,

    Kind regards,

    Ceri Thomas.
    Photo of Nathan

    Nathan, Champion

    • 3739 Posts
    • 307 Reply Likes
    Can you put your whole reply in <!-- and end it in --> So we can see the code? The problem is that it is rendering instead of showing the code. Thanks!
    Photo of Ceri Thomas

    Ceri Thomas

    • 24 Posts
    • 3 Reply Likes
    Hi Nathan, I have honestly attempted this many times but it doesnt work for some reason, sorry!
    Photo of Sanja

    Sanja, Official Rep

    • 10698 Posts
    • 495 Reply Likes
    Hello Ceri

    I would like to help you with this. Can you please email support@yola.com? Thanks!
    Photo of Ceri Thomas

    Ceri Thomas

    • 24 Posts
    • 3 Reply Likes
    Have now sent you a message Sanja, thank you for your assistance in this!
    Photo of Kevin

    Kevin

    • 475 Posts
    • 29 Reply Likes
    Here is ther code anyway;

    New Page 1



    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)&quot;&gt;
    <meta name="created" content="Tue, 05 Oct 2010 14:26:57 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>

    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/t...;
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="menu-menu.css" media="screen">
    </head>
    <body>
    <ul class="menu-menu">
    <li class="first"><a href="http://www.gsmmobileshop.net&quot;&gt...;
    <li>
    <a href="http://www.gsmmobileshop.net/comparem... Mobile
    Phones</a>
    <ul>
    <li class="first"><a href="http://www.gsmmobileshop.net/contract...
    Phones</a></li>
    <li><a href="http://www.gsmmobileshop.net/payasyou... As You Go</a></li>
    <li><a href="http://www.gsmmobileshop.net/simonly.... Only</a></li>
    <li><a href="http://www.gsmmobileshop.net/mobilebr...
    Broadband</a></li>
    <li><a href="http://www.gsmmobileshop.net/freegift... Gifts</a></li>
    <li><a href="http://www.gsmmobileshop.net/comingso... Soon</a></li>
    </ul>
    </li>
    <li><a href="http://www.gsmmobileshop.net/buynow.p... Now</a></li>
    <li><a href="http://www.gsmmobileshop.net/aboutus.... Us</a></li>
    <li><a href="http://www.gsmmobileshop.net/contact....;
    <li><a href="http://www.gsmmobileshop.net/feedback... Us Your
    Feedback</a></li>
    </ul>

    </body>
    </html>


    Photo of Kevin

    Kevin

    • 475 Posts
    • 29 Reply Likes
    have you included the resources/... in the link href?
    Photo of Ceri Thomas

    Ceri Thomas

    • 24 Posts
    • 3 Reply Likes
    Hi, thanks for that, no I havent, do i need to pu resources/.t this before <!--<link rel="stylesheet" type="text/css" href="menu-menu.css" media="screen">--> is resources the ref for the file manager? Thanks.
    Photo of Ceri Thomas

    Ceri Thomas

    • 24 Posts
    • 3 Reply Likes
    have tested using resources/ as above and it worked, thanks so much for this kevin, your a diamond!
    Photo of Kevin

    Kevin

    • 475 Posts
    • 29 Reply Likes
    yeah, all your files are in the resources directory. So if you have a folder named car, you would have to write http://www.yoursite.com/resources/car.