Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

  1.  permalink
    i spent all night working on this menu and it works lovely in firefox and other browsers .. but ..of course it dont work in IE7.. so to make a long story short..this is the GRC.com pure CSS menu and the example they have works in all browsers .. no Jscript or extras needed..

    So .. I started tweaking and got most of it to look like my old Jscripted menu and then presto magicks...it dont work in IE 7 ... so if anyone wants to look at it.. post here and I will rar or zip up both versions so they can be compared....some code is a mess since I stopped when It did not work.. but it displays nice in firefox so its easy to see and check for differences ..

    all i need is someone who is an expert to look at it.. and find the CSS conflict .. or error...

    hope somone can helps...

    you can find the grc public domain CSS one here.. @
    http://www.grc.com/menudemo.htm

    so let us know if you have a few hours to spare on a beautiful piece of work ...jsut cant make it work for me .. thats all .. LOL
    • CommentAuthordave_o
    • CommentTimeFeb 26th 2008
     permalink
    Sure, let me see your artwork ;-)
  2.  permalink
    its not the artwork so much as getting the CSS to perform correctly in multiple browsers.... but there is a screenshot of the page available here @

    http://arcnexus.net/arcnexus.info_feb26_2008.jpg

    the menu at top is pure CSS no Jscript .. and so is the right hand rollover menu setup ...
    I am still trying to get the menu at top to display correctly in IE7 .... and the original CSS menu is visible at grc.com ... as I stated in my previous post...
    As you can see I have tweaked the top menu quite a bit compared to the original... but any help is appreciated...

    I suppose first step would be to check out the GRC one by saving page.. etc.. and taking a look at the source code... its public domain also ...
    •  
      CommentAuthorTetsuo
    • CommentTimeFeb 27th 2008
     permalink
    It seems to work fine on IE7/PC...
    •  
      CommentAuthorthe.x.man
    • CommentTimeFeb 27th 2008
     permalink
    GRC have pulled off quite an impressive accomplishment, there. But that is a massively heavy css footprint! While what they have achieved is certainly admirable, surely the "Suckerfish" style dropdown menu is a much lighter piece of css... even including the IE6-necessary JavaScript snippet.

    Just my unlearned opinion...

    However. GRC have placed that css out on public domain with seemingly no restrictions, so yes, feel free to pick it apart (they have even very kindly provided excellent annotation throughout). Good luck, though, trying to find a which of your tweaks might be causing your problem- there is rather a lot of code involved and chasing it down could cause nightmares.
    • CommentAuthordave_o
    • CommentTimeFeb 27th 2008
     permalink
    I've tried to tweak the grc menu so that it looks similar to your one from the screenshot. The main problem is that they used images for first level navigation. Exchanging them with plain text creates little space between first and second level navigation - if you hover too slow, the second level navigation unhides before you can reach it with the mouse.

    I agree with the.x.man. The menu is quite impressive, but there are other (simpler!) solutions that do work in all browsers and fulfill your needs.

    Sorry for the poor help.
  3.  permalink
    well I fixed it.. LOL>... IK think.. at least its working so far .. and I also created CSS rollovers for the side menu's while I was working on it...

    I do agree its a lot of code but once I have a valid working edition .. I feel confident I cna start trimming the excess //* UN Needed Code //* in order to reduce the overall size....

    on the plus side though .. a CSS global sheet is only loaded once for most browsers ..assuming we keep the same sheet throughout the site...
    Soon as I am finshed I will post a zip of the completed demo page... complete as a DIR.. jsut unzip and run it to start fooling with it..

    in case anyone is interested...

    hope this helps.
    Arc
  4.  permalink
    one last thought regarding this CSS menu ...

    the only reason to use it is to completely remove javascript in all its forms if possible...so the basic site is javascript free...
    I am just tired of MS ripping code off openm source designers...then re engineering it as their own invention ...like Jscript... and then it don't work in other browsers becasue they are not following W3 protocols....

    I am so sick of MS and what they do to mess up the net ... code wise that is...
  5.  permalink
    I did as much as I can and its all set up as a zip package if anyone wishes to look at the final result....I certainly hope it helps since I learned a lot myself...

    still a single bug so check out the read me file...

    the link is here..
    ftp://arcnexus.net:2111/anonymous/CSSmenuTEST.zip
    just extract to desktop and run index.html
    •  
      CommentAuthorthe.x.man
    • CommentTimeFeb 28th 2008
     permalink
    I suspect your IE7 bug would disappear altogether if you styled your pages with css exclusively- to say nothing of how much smaller your xhtml would be without all those tables...

    :o)
    •  
      CommentAuthorArcNeXuS.net
    • CommentTimeFeb 28th 2008 edited
     permalink
    well I agree with you but since i just got the css running properly .. I figure slimming it all down with divisions and proper positioning is the next step...then ... removing all the whitespace and comments ...phew...but one thing at a time .. .LOL... perfection is hard work mate... feel free to hack the code in the html if you feel you can get the exact same look ....by converting it all to Xhtml ...and dont forget to let us know . if your successful...

    your check is already in the mail....

    Arcnexus.net is not and can not be held responsible for lost or undelivered mail... LOL>.. the lawyers made me say that..


    and on a totally unrelated note... why does the xman site not expand to fill the browser window??? and I have a ton of those models here.. all sittting in boxs .. most of them not built... my brother and I used to do them years ago .. but he passed away and I just lost interest....not all exotics .. he like the american muscle.. but some very nice old ones and racing models.. thats what I liked... especially the old JoHan classics... tough to find those anymore...

    remind me and I will try to take a look at the boxs and make a list... I know I got a few of the porsche Le mans series winners.. and ferrari and lamborghina too ..

    thanks for looking at test menu and dont forget the link to guestbook ..
    •  
      CommentAuthorthe.x.man
    • CommentTimeFeb 29th 2008
     permalink
    Aha, a challange! If I get a chance between projects, I might see what I can in the way of reproducing that page in a table-less format.

    As for my own site, I am not a huge fan of fluid designs, I have seen all to few of them actually done successfully... I also prefer the neat, 'contained' look of a site that retains it's parameters - but that is just me :o)
    •  
      CommentAuthorArcNeXuS.net
    • CommentTimeMar 2nd 2008 edited
     permalink
    Final verson can be seen here... just DL and unzip ... run index.html
    Some files can still be compressed by removing annotations and whitespace [CSS and html].
    Some files are duplicated ..since working on the desktop does not allow for web server absolute paths ... but those are only image files .. since I stuck them in the style DIR because of the path.
    If this has no bugs I intend to post it for all to use and leave the included annotation in for those needing them.
    I have tested it in IE7 and firefox and get no error popups.. amazing for IE.... but of course if you have multiple browsers it would be nice to get it checked over ...

    So if anyone wants to check out a complete CSS webpage including full drop multi level.menus and rollovers .. no scripts at all ...
    SOURCE is available here @ ftp://arcnexus.net:2111/anonymous/XHTML_CONTAINER.zip

    please sign the guestbook to let me know what errors are found or alternatively ..[the code .. not the layout].... what you think of it ..?
Add your comments
    Username Password
  • Format comments as (Help)