Jump to content

damiancds

Members
  • Posts

    131
  • Joined

  • Last visited

Everything posted by damiancds

  1. damiancds

    Drop Down Box

    okay, I got it.I didn't see the first form tag in the echo php, so i was trying to put a form in a form and it didn't like that.problem solved
  2. sorry for the long time reply, but i've decided to ditch the tabbed menu and design my own css menu, which helped me to understand where all the code came from.I suppose you could consider this solved,thanks,
  3. sorry for taking so long to respond, but I find it annoying if the original poster doesn't give feedback with how it turned out so...I thank you for the advice, as of now, there is only one table in use on the site for an actual table.so far the css method is working a lot better and easier once I spent the time to learn it (still learning a little now and then)so, thanks for the advice,
  4. it should be up and runningEDIT 2: demo's dead, i got it working from the below posts,there's two style sheets because I'm somewhat anal, one being for the menu, the other for broader display issues. (there's also a third one for round corner content boxes but that's not really important hereagain, let me know what I can do,EDIT 1: also, forgot to add that not all are going to have the down error, but they are differently classed li elements, as in the first element (home)
  5. I'm talking about a css dropdown menu (it's pure css as of now, and I plan to add a little javascript to make it smoother (so far I think i'm only going to add in a delayed fade in/out effect for the dropdown portions)for width,I've got it so they are all the same width, what I want is to have their width flexible so they fit the words and an icon.as in | Short \/ || Something Really Long \/ |where the li elements are the the width of the text + enough for the down arrowpsuedo code (width = text.width + 15px;)right now the down arrow is implemented as: background-image:url(/Resources/Images/Menu/arrow.gif);background-repeat:no-repeat;background-position:92% 50%; for the centering,i want the li background to go across the page but the top level dropdown items centered (not text centered, element centered) _____________________________________________________________________________________________[ | One \/ | Two \/ | Twenty \/ | Eighty-seven thousand \/ | Five \/ | ]let me know if you need any other info, and thanks,
  6. okay, i'll have to go through cpanel and check out the logs sectionthanks,
  7. okay, i just started trying to learn js and i've seen that it can detect browser type. my question is can i store that so, like every week, check how many users use ie or firefox and be able to focus more on minor problems with that browser.maybe have a little thing saying "45% of visitors use firefox"Or is it considered wrong to take that information?thanks for your conscience,
  8. damiancds

    Drop Down Box

    okay, I basically copied from the tutorial here on w3schoolsso the code, <?phpfunction spamcheck($field) { //filter_var() sanitizes the e-mail //address using FILTER_SANITIZE_EMAIL $field=filter_var($field, FILTER_SANITIZE_EMAIL); //filter_var() validates the e-mail //address using FILTER_VALIDATE_EMAIL if(filter_var($field, FILTER_VALIDATE_EMAIL)) { return TRUE; } else { return FALSE; } }if (isset($_REQUEST['email'])) {//if "email" is filled out, proceed //check if the email address is invalid $mailcheck = spamcheck($_REQUEST['email']); if ($mailcheck==FALSE) { echo "Invalid input"; } else {//send email $email = $_REQUEST['email'] ; $subject = $_REQUEST['subject'] ; $message = $_REQUEST['message'] ; mail("someone@example.com", "Subject: $subject", $message, "From: $email" ); echo "Thank you for using our mail form"; } }else {//if "email" is not filled out, display the form echo "<form method='post' action='mailform.php'> Email: <input name='email' type='text' /><br /> Subject: <input name='subject' type='text' /><br /> Message:<br /> <textarea name='message' rows='15' cols='40'> </textarea><br /> <input type='submit' /> </form>"; }?> and instead of the line " Subject: <input name='subject' type='text' /><br />"I want a drop down box listing possible subjects say: service, questions, suggestions, invoice inquiry ....thanks,
  9. damiancds

    Css Menu

    okay, the block display on the link elements fixed that, but the menu isn't fixed.basically i want the drop downs centeredi just tried adding a first and last element with a 25% width.so...i want... _________________________________|_______| Home | About | .... |________|to give words, i want the non empty li elements in the drop down part centered while the same background still stretches across the width of the page
  10. damiancds

    Css Menu

    Adding to my first questions, is there any way to make an li element clickable?right now I've got it so when the user hovers, the background color changes but they still have to move over to the words in the li element (which is a link) and click on it that way.thanks,
  11. damiancds

    Css Menu

    Okay, I've got a menu Herebasically, I want it aligned in the center like it is but I want the gradient background going the full width of the page.Also, I have a last li element that I'd like to set the width to 0 or 1 (to make the centering more accurate.menu.cssStyle.cssif the links didn't work for some reason, here's the codemenu.css /* Menu Style Sheet */ul.nav{ color: white; margin: 2em; padding: 5px; background-color: green; background-image: url(gradient_6.gif); text-align: left; border: 1px solid #000; list-style-type: none; position: relative; z-index: 99;}ul.drop{ color: white; margin: 0em; padding: 0px; background-color: green; background-image: url(gradient_6.gif); text-align: left; border: .5px solid #000; list-style-type: none; position: relative; z-index: 99; width:100%;}li.nav_End{ float:left; width: 150px; position: relative; padding: 3px; color:#194812; font-family:Arial; font-size:11px; font-weight:bold; text-decoration: none; list-style-type: none; background-image:url(xxx.gif); background-repeat:no-repeat; background-position:92% 50%; }li.nav_Down{ float: left; padding: 5px; width: 8em; position: relative; color:#194812; font-family:Bookman Old Style; font-size:14px; font-weight:bold; text-decoration: none; list-style-type: none; background-image:url(arrow_7.gif); background-repeat:no-repeat; background-position:92% 50%; text-align: center; }li.nav_Out{ display: block; width: 150px; padding: 3px; position: relative; color: black; font-family:Arial; font-size:11px; font-weight:bold; list-style-type: none; background-image:url(arrow_0.gif); background-repeat:no-repeat; background-position:92% 50%; }li.nav_DownLast{ clear: both; width: 0px;}li.nav a.nav{ color: white; text-decoration: none;} li.nav_Down a.nav{ color: white;} li.nav_Down:hover ul.nav a.nav{ color: black; text-decoration: none;} li.nav_Down:hover li.nav_Out:hover ul.nav a.nav{ text-decoration: none;} li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover ul.nav a.nav{ text-decoration: none;} li.nav_Down:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav:hover{ background-image: url(None.png); background-color: #B0E9A8;}li.nav_End:hover{ background-image: url(None.png); background-color: #B0E9A8;}li.nav_Out:hover{ background-color: #B0E9A8; background-image:url(arrow_0.gif); background-repeat:no-repeat; background-position:92% 50%;}li.nav_Down:hover{ background-color: #B0E9A8; background-image:url(arrow_2.gif); background-repeat:no-repeat; background-position:92% 50%;}li.nav_Down ul.nav{ color: black; display: none; background-image: url(None.png); }/* One Level Deep */li.nav_Down:hover ul.nav{ display: block; position: absolute; top: -3px; left: -33px; background-image: url(None.png); background-color: #DDF6DA;}li.nav_Down:hover ul.nav li.nav{ display: block;}li.nav_Down:hover li.nav_Out ul.nav{ display: none;}/* Second Level Deep */li.nav_Down:hover li.nav_Out:hover ul.nav{ display: block; position: absolute; top: -24px; left: 125px;}li.nav_Down:hover li.nav_Out:hover li.nav_Out ul.nav{display: none;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover ul.nav{display: block;}div.menu{ margin: 0 auto;} Style.css /* Ledge Rock Farm Style Sheet */body {background-color: ivory;background-image: url('back5.jpg');font-family: "bookman old style";}img{border-style: none;}table{bgcolor: Ivory;margin-left: auto;margin-right: auto;}table.Beef_Name_Table{bgcolor: Ivory;margin-left: auto;margin-right: auto;/*border-collapse: collapse;*/border-color: black;border-spacing: 0px;border-width: 2px;}td.Beef_Name_Table{padding: 3px;border-color: black;border-width: 2px;}td.Image{bgcolor: black;}p{text-indent: 1cm;}hr{size: 3;}h6 /* copyright information */{font: 11px;font-weight: bold;font-family: arial;font-variant: normal;color: Gray;}A.copyright{color: Gray;text-decoration: none;}A.copyright:link{color: Gray;}A.copyright:visited{color: Gray;text-decoration: none;}A.copyright:active{color: Silver;text-decoration: none;}A.copyright:hover{color: Silver;text-decoration: none;}A.Acct{color: white;background-color: navy;}A.menu{color: black;text-decoration: none;/*background-image: url('menu1a.jpg');*/}A.menu:link{color: white;}A.menu:visited{color: black;text-decoration: none;background-color: white;/*background-image: url('menu1a.jpg');*/}A.menu:active{color: white;text-decoration: none;/*background-image: url('menu2a.png');*/}A.menu:hover{color: white;text-decoration: none;background-color: blue;/*background-image: url('menu2a.png');*/}ol { font-weight: bold }ol span { font-weight: normal; }div.left{text-align: left;}div.center{text-align: center;}div.right{text-align: right;}div.content4me{width: 1000px;margin: 0 auto;background-color: white;}div.copyright{width: 1000px;margin: 0 auto;text-align: center;}div.banner{width: 100%;background-color: green;}div.menu{width: 1000px;margin: 0 auto;background-color: black;background-image: url('menu1a.png');color: white;}span.menu{background-image: url('menu2a.png');}#tlc, #trc { zoom: 1 }body { margin: 0; padding: 0; background-color: white; font-size: 100.01%; text-align: center; }#box { position: relative; margin-left: auto; margin-right: auto; margin-top: 3em; padding: 0; text-align: left; width:80%; /* <-- use this to tie width to viewport size */ width: 55em; /* <-- use this for a set width */ background-color: #eeeeee; } #content { padding:3em; }#content h1 { color:#0354c2; font-weight: bold; font-size: 1.2em; font-family: helvetica, geneva, arial, sans-serif; } #content p { color:#3b3b3b; font-size: 1em; line-height: 1.3em; font-family: arial, helvetica, sans-serif; } /* ---=== border code follows ===--- *//* tlc = top left corner trc = top right corner blc = bottom left corner brc = bottom right corner lb = left border rb = right border tb = top border bb = bottom border */#tlc, #trc, #blc, #brc { background-color: transparent; background-repeat: no-repeat; }#tlc { background-image:url(images/tlc.gif); background-position: 0% 0%; }#trc { background-image:url(images/trc.gif); background-position: 100% 0%; } #blc { background-image:url(images/blc.gif); background-position: 0% 100%; }#brc { background-image:url(images/brc.gif); background-position: 100% 100%; }#tb, #bb { background-color: transparent; background-repeat: repeat-x; } #tb { background-image:url(images/tb.gif); background-position: 0% 0%; }#bb { background-image:url(images/bb.gif); background-position: 50% 100%; } #rb { background-image:url(images/r.gif); background-position: 100% 0%; background-repeat: repeat-y; }#lb { background-image:url(images/l.gif); background-position: 0% 100%; background-repeat: repeat-y; } Menu.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Ledge Rock Farm Inc.</title><link rel="stylesheet" type="text/css" href="Style.css" /><link rel="stylesheet" type="text/css" href="menu.css" /></head><body><div class="menu"><ul class="drop"> <li class="nav_Down"> <a class="nav" href=""> Home </a> </li> <li class="nav_Down"> <a class="nav" href=""> About Us </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> History </a> </li> <li class="nav_End"> <a class="nav" href=""> Who We Are </a> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Products </a> <ul class="nav"> <li class="nav_Out"> <a class="nav" href=""> Grass Fed Beef </a> <ul class="nav"> <li class="nav_Out"> <a class="nav" href=""> Steaks </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Chuck Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Hanger Steak</a> </li> <li class="nav_End"> <a class="nav" href=""> Strip Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Skirt Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Flank Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> T-Bone Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Ribeye Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Sirloin Tip Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Boneless Top Sirloin Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Porterhouse Steak </a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Roasts </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Chuck Roast </a> </li> <li class="nav_End"> <a class="nav" href=""> Eye Round Roast</a> </li> <li class="nav_End"> <a class="nav" href=""> Top Round Roast</a> </li> <li class="nav_End"> <a class="nav" href=""> Bottom Round Roast </a> </li> <li class="nav_End"> <a class="nav" href=""> Sirloin Tip Roast </a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Ground Meat </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Hamburger </a> </li> <li class="nav_End"> <a class="nav" href=""> Hamburger Patties</a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Other Cuts </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Filet Mignon </a> </li> <li class="nav_End"> <a class="nav" href=""> Sandwich Steaks </a> </li> <li class="nav_End"> <a class="nav" href=""> Stew Beef </a> </li> <li class="nav_End"> <a class="nav" href=""> Soup Shanks </a> </li> <li class="nav_End"> <a class="nav" href=""> Brisket </a> </li> <li class="nav_End"> <a class="nav" href=""> Kabobs </a> </li> <li class="nav_End"> <a class="nav" href=""> Short Ribs </a> </li> <li class="nav_End"> <a class="nav" href=""> Tongue </a> </li> <li class="nav_End"> <a class="nav" href=""> Heart </a> </li> <li class="nav_End"> <a class="nav" href=""> Liver </a> </li> <li class="nav_End"> <a class="nav" href=""> Ox Tails </a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Information </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Why Grass Fed Beef? </a> </li> <li class="nav_End"> <a class="nav" href=""> Did You Know </a> </li> <li class="nav_End"> <a class="nav" href=""> FAQ </a> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Locations </a> <ul class="nav"> <li class="nav"> <a class="nav" href=""> ... </a> </li> <li class="nav_Out"> <a class="nav" href=""> Markets </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Central Avenue </a> </li> <li class="nav_End"> <a class="nav" href=""> Waterford </a> </li> <li class="nav_End"> <a class="nav" href=""> St. Stevens - 82nd Street </a> </li> </ul> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Contact Us </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Contact Customer Service </a> </li> <li class="nav_End"> <a class="nav" href=""> Contact Webmaster </a> </li> </ul> </li> <li class="nav_DownLast"></li></ul></div class="menu"></body></html> Just to say, there's two css files because I organized all the menu css in menu.css and all the other normal page css in Style.csslet me know if you need any more information or anythingthanks,
  12. see, now the 2 dots make even more sense for previous directory (../)stupidity is a marvelous thing.
  13. Okay, that helped Ingolme, now it appears that the .php require functions are in working orderi thought that when i used the "/" it meant current directory, not root so I just tried backing out to the actual rooteven the styles are working right nowgod, I love w3schoolsthanks for everyone's help
  14. Well, turns out that my idea was so brilliant, it didn't work.I'm sure it works for links but it didn't work for the php require function.I'm not sure if it would have worked for linking the style sheets eitherWell, it seems I'm open for some more ideas, no matter how brilliant they arethanks,
  15. okay, I've got a few questions for you but i just got an idea that might work.I think that using absolute links versus relative links would work.explain: absolute links (as in domain.com/folder1/folder2/page.html) versus relative links (../folder2/page.html)the only thing i don't know is if there is a speed difference let alone if its efficient, (wild guess and say it's not at all efficient and will be much slower)now, back to Synook, I understand what you're saying but the method I'm using i don't think it will workexplain:say I've got an about page (public_html/about/history.php) that includes the menu.html nav barsay I've got another about page (public_html/information/faq.php) that includes the menu.html nav bar as wellI've also got another page say (public_html/products/category1/page2.php) that also inlcudes menu.htmlif i code the menu bar's links, for example for history.php to link to faq.php the href would read ="../information/faq.php"page2.php to get to faq.php, href would read ="../../information/faq.php"if i could just get to the root folder (public_html/) then i could just code every link from that position, but I'm not quite sure howthe problem seems to be that I need it dynamic... I don't know.I'm gonna go ahead and try my "brilliant" idea about absolute links, but let me know if there is a simple and efficient way that I'm not seeing
  16. okay, what I'm asking is that a file be accessible from anywhereexplanation:I've got a main content page (index.php)index.php includes header.php and footer.phpindex.php is in directory public_html/header.php & footer.php are in public_html/resources/includes/and header.php includes menu.html and includes.html(contains all my style sheet links in one file)i have other files (faq.php) that inlcudes both header.php & footer.phpnow both faq.php and index.php both include the header and footer files from different locationi'm asking how to do this, or if it's even possible.as of now i tried having the style sheet liinks and header.php and footer.php like this (<?php require("../../../../../../public_html/resources/includes/header.php"); ?>i'll also need global links (for my menu because it will be included in many different files)i tried having it back out all the way to the root folder and then go in but it doesn't seem to worki'd appreciate any ideas you got,thanks,
  17. damiancds

    Css Borders

    For starters,Browsers that don't show the border:-Opera 9.63-Safari 4.0.2-Google Chrome 2.0.172.39Browsers that show the border:-Netscape Navigator 9.0.0.3-Internet Explorer 8-Mozilla Firefox 3.0.13-Flock 2.5.1This is concerning a css driven (css only for now) nav menu that has dropdown and fly out.menu can be seen here - Menuthe code html: <html> <head> <title> </title> <link rel="stylesheet" type="text/css" href="menu.css" > </head> <body> <ul class="drop"> <li class="nav_Down"> <a class="nav" href=""> Home </a> </li> <li class="nav_Down"> <a class="nav" href=""> About Us </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> History </a> </li> <li class="nav_End"> <a class="nav" href=""> Who We Are </a> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Products </a> <ul class="nav"> <li class="nav_Out"> <a class="nav" href=""> Grass Fed Beef </a> <ul class="nav"> <li class="nav_Out"> <a class="nav" href=""> Steaks </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Chuck Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Hanger Steak</a> </li> <li class="nav_End"> <a class="nav" href=""> Strip Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Skirt Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Flank Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> T-Bone Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Ribeye Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Sirloin Tip Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Boneless Top Sirloin Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Porterhouse Steak </a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Roasts </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Chuck Roast </a> </li> <li class="nav_End"> <a class="nav" href=""> Eye Round Roast</a> </li> <li class="nav_End"> <a class="nav" href=""> Top Round Roast</a> </li> <li class="nav_End"> <a class="nav" href=""> Bottom Round Roast </a> </li> <li class="nav_End"> <a class="nav" href=""> Sirloin Tip Roast </a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Ground Meat </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Hamburger </a> </li> <li class="nav_End"> <a class="nav" href=""> Hamburger Patties</a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Other Cuts </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Filet Mignon </a> </li> <li class="nav_End"> <a class="nav" href=""> Sandwich Steaks </a> </li> <li class="nav_End"> <a class="nav" href=""> Stew Beef </a> </li> <li class="nav_End"> <a class="nav" href=""> Soup Shanks </a> </li> <li class="nav_End"> <a class="nav" href=""> Brisket </a> </li> <li class="nav_End"> <a class="nav" href=""> Kabobs </a> </li> <li class="nav_End"> <a class="nav" href=""> Short Ribs </a> </li> <li class="nav_End"> <a class="nav" href=""> Tongue </a> </li> <li class="nav_End"> <a class="nav" href=""> Heart </a> </li> <li class="nav_End"> <a class="nav" href=""> Liver </a> </li> <li class="nav_End"> <a class="nav" href=""> Ox Tails </a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Information </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Why Grass Fed Beef? </a> </li> <li class="nav_End"> <a class="nav" href=""> Did You Know </a> </li> <li class="nav_End"> <a class="nav" href=""> FAQ </a> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Locations </a> </li> <li class="nav_Down"> <a class="nav" href=""> Contact Us </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Contact Customer Service </a> </li> <li class="nav_End"> <a class="nav" href=""> Contact Webmaster </a> </li> </ul> </li> <li class="nav_DownLast"></li> </ul> </body> </html> css code: /* Menu Style Sheet */ul.nav{ color: white; margin: 2em; padding: 5px; background-color: green; background-image: url(gradient_6.gif); text-align: left; border: .5px solid #000; list-style-type: none;}ul.drop{ color: white; margin: 0em; padding: 0px; background-color: green; background-image: url(gradient_6.gif); text-align: left; border: .5px solid #000; list-style-type: none;}li.nav_End{ float:left; width: 150px; position: relative; padding: 3px; color:#194812; font-family:Arial; font-size:11px; font-weight:bold; text-decoration: none; list-style-type: none; margin-top: 2px; margin-bottom: 2px; margin-left: 4px; margin-right: 4px;}li.nav_Down{ float: left; padding: 5px; width: 8em; position: relative; color:#194812; font-family:Bookman Old Style; font-size:14px; font-weight:bold; text-decoration: none; list-style-type: none; background-image:url(arrow_7.gif); background-repeat:no-repeat; background-position:92% 50%; }li.nav_Out{ display: block; width: 150px; padding: 3px; position: relative; color: black; font-family:Arial; font-size:11px; font-weight:bold; list-style-type: none; background-image:url(arrow_0.gif); background-repeat:no-repeat; background-position:92% 50%; }li.nav_DownLast{ clear: both;}li.nav a.nav{ color: white; text-decoration: none;} li.nav_Down a.nav{ color: white;} li.nav_Down:hover ul.nav a.nav{ color: black; text-decoration: none;} li.nav_Down:hover li.nav_Out:hover ul.nav a.nav{ text-decoration: none;} li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover ul.nav a.nav{ text-decoration: none;} li.nav_Down:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav:hover{ background-image: url(None.png); background-color: #B0E9A8;}li.nav_End:hover{ background-image: url(None.png); background-color: #B0E9A8;}li.nav_Out:hover{ background-color: #B0E9A8; background-image:url(arrow_0.gif); background-repeat:no-repeat; background-position:92% 50%;}li.nav_Down:hover{ background-color: #B0E9A8; background-image:url(arrow_2.gif); background-repeat:no-repeat; background-position:92% 50%;}li.nav_Down ul.nav{ color: black; display: none; background-image: url(None.png); }/* One Level Deep */li.nav_Down:hover ul.nav{ display: block; position: absolute; top: -3px; left: -33px; background-image: url(None.png); background-color: #DDF6DA;}li.nav_Down:hover ul.nav li.nav{ display: block;}li.nav_Down:hover li.nav_Out ul.nav{ display: none;}/* Second Level Deep */li.nav_Down:hover li.nav_Out:hover ul.nav{ display: block; position: absolute; top: -24px; left: 125px;}li.nav_Down:hover li.nav_Out:hover li.nav_Out ul.nav{display: none;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover ul.nav{display: block;} the css is a little messy but the part that needs to be fixed are the ul.nav borders (i believe)thanks for any tips you can give me
  18. damiancds

    Css Menu

    Great, the z-index solved the problem, not to mention fairly simply too.thanks,
  19. damiancds

    Css Menu

    I've got a problem with my drop down / flyout menu (pure css so far)Here's a link to it Problemthe problem is that i've got a "content box" that surrounds my paragraphs and what not and when the menu comes down and out the menu goes behind the content boxfor the code:Style sheet /* Menu Style Sheet */ul.nav{ color: white; margin: 2em; padding: 5px; background-color: green; background-image: url(gradient_6.gif); text-align: left; border: .5px solid #000; list-style-type: none;}ul.drop{ color: white; margin: 0em; padding: 0px; background-color: green; background-image: url(gradient_6.gif); text-align: left; border: .5px solid #000; list-style-type: none;}li.nav_End{ float:left; width: 150px; position: relative; padding: 3px; color:#194812; font-family:Arial; font-size:11px; font-weight:bold; text-decoration: none; list-style-type: none; margin-top: 2px; margin-bottom: 2px; margin-left: 4px; margin-right: 4px;}li.nav_Down{ float: left; padding: 5px; width: 8em; position: relative; color:#194812; font-family:Bookman Old Style; font-size:14px; font-weight:bold; text-decoration: none; list-style-type: none; background-image:url(arrow_7.gif); background-repeat:no-repeat; background-position:92% 50%; }li.nav_Out{ display: block; width: 150px; padding: 3px; position: relative; color: black; font-family:Arial; font-size:11px; font-weight:bold; list-style-type: none; background-image:url(arrow_0.gif); background-repeat:no-repeat; background-position:92% 50%; }li.nav_DownLast{ clear: both;}li.nav a.nav{ color: white; text-decoration: none;} li.nav_Down a.nav{ color: white;} li.nav_Down:hover ul.nav a.nav{ color: black; text-decoration: none;} li.nav_Down:hover li.nav_Out:hover ul.nav a.nav{ text-decoration: none;} li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover ul.nav a.nav{ text-decoration: none;} li.nav_Down:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav:hover{ background-image: url(None.png); background-color: #B0E9A8;}li.nav_End:hover{ background-image: url(None.png); background-color: #B0E9A8;}li.nav_Out:hover{ background-color: #B0E9A8; background-image:url(arrow_0.gif); background-repeat:no-repeat; background-position:92% 50%;}li.nav_Down:hover{ background-color: #B0E9A8; background-image:url(arrow_2.gif); background-repeat:no-repeat; background-position:92% 50%;}li.nav_Down ul.nav{ color: black; display: none; background-image: url(None.png); }/* One Level Deep */li.nav_Down:hover ul.nav{ display: block; position: absolute; top: -3px; left: -33px; background-image: url(None.png); background-color: #DDF6DA;}li.nav_Down:hover ul.nav li.nav{ display: block;}li.nav_Down:hover li.nav_Out ul.nav{ display: none;}/* Second Level Deep */li.nav_Down:hover li.nav_Out:hover ul.nav{ display: block; position: absolute; top: -24px; left: 125px;}li.nav_Down:hover li.nav_Out:hover li.nav_Out ul.nav{display: none;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover ul.nav{display: block;} Html <html><head><title> </title><link rel="stylesheet" type="text/css" href="menu.css" ></head><body><ul class="drop"> <li class="nav_Down"> <a class="nav" href=""> Home </a> </li> <li class="nav_Down"> <a class="nav" href=""> About Us </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> History </a> </li> <li class="nav_End"> <a class="nav" href=""> Who We Are </a> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Products </a> <ul class="nav"> <li class="nav_Out"> <a class="nav" href=""> Grass Fed Beef </a> <ul class="nav"> <li class="nav_Out"> <a class="nav" href=""> Steaks </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Chuck Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Hanger Steak</a> </li> <li class="nav_End"> <a class="nav" href=""> Strip Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Skirt Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Flank Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> T-Bone Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Ribeye Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Sirloin Tip Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Boneless Top Sirloin Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Porterhouse Steak </a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Roasts </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Chuck Roast </a> </li> <li class="nav_End"> <a class="nav" href=""> Eye Round Roast</a> </li> <li class="nav_End"> <a class="nav" href=""> Top Round Roast</a> </li> <li class="nav_End"> <a class="nav" href=""> Bottom Round Roast </a> </li> <li class="nav_End"> <a class="nav" href=""> Sirloin Tip Roast </a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Ground Meat </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Hamburger </a> </li> <li class="nav_End"> <a class="nav" href=""> Hamburger Patties</a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Other Cuts </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Filet Mignon </a> </li> <li class="nav_End"> <a class="nav" href=""> Sandwich Steaks </a> </li> <li class="nav_End"> <a class="nav" href=""> Stew Beef </a> </li> <li class="nav_End"> <a class="nav" href=""> Soup Shanks </a> </li> <li class="nav_End"> <a class="nav" href=""> Brisket </a> </li> <li class="nav_End"> <a class="nav" href=""> Kabobs </a> </li> <li class="nav_End"> <a class="nav" href=""> Short Ribs </a> </li> <li class="nav_End"> <a class="nav" href=""> Tongue </a> </li> <li class="nav_End"> <a class="nav" href=""> Heart </a> </li> <li class="nav_End"> <a class="nav" href=""> Liver </a> </li> <li class="nav_End"> <a class="nav" href=""> Ox Tails </a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Information </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Why Grass Fed Beef? </a> </li> <li class="nav_End"> <a class="nav" href=""> Did You Know </a> </li> <li class="nav_End"> <a class="nav" href=""> FAQ </a> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Locations </a> </li> <li class="nav_Down"> <a class="nav" href=""> Contact Us </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Contact Customer Service </a> </li> <li class="nav_End"> <a class="nav" href=""> Contact Webmaster </a> </li> </ul> </li> <li class="nav_DownLast"></li></ul></body></html> the menu itself is included (php) and the page itself is built likeheader.phpmenu.htmlhome.phpfooter.phphome includes header and footer, header includes menu (header.php has all the links and everythingEntire page (through view page source) so it's all together <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Ledge Rock Farm Inc.</title><link rel="stylesheet" type="text/css" href="Style.css" ><!--[sTART-LC]--><link rel='stylesheet' type='text/css' href='menu.css'/><!--[END-LC]--></head><body><br><br><div class="content4me"><br><a name="top"> </a name="top"><div class="left">Monday / August 10, 2009</div class="left"><br><div class="center"><div class="banner"><img src="Banner_1.png" alt="Ledge Rock Farm NY Inc. Logo"></div class="banner"></div class="center"><html><head><title> </title><link rel="stylesheet" type="text/css" href="menu.css" ></head><body><ul class="drop"> <li class="nav_Down"> <a class="nav" href=""> Home </a> </li> <li class="nav_Down"> <a class="nav" href=""> About Us </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> History </a> </li> <li class="nav_End"> <a class="nav" href=""> Who We Are </a> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Products </a> <ul class="nav"> <li class="nav_Out"> <a class="nav" href=""> Grass Fed Beef </a> <ul class="nav"> <li class="nav_Out"> <a class="nav" href=""> Steaks </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Chuck Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Hanger Steak</a> </li> <li class="nav_End"> <a class="nav" href=""> Strip Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Skirt Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Flank Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> T-Bone Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Ribeye Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Sirloin Tip Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Boneless Top Sirloin Steak </a> </li> <li class="nav_End"> <a class="nav" href=""> Porterhouse Steak </a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Roasts </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Chuck Roast </a> </li> <li class="nav_End"> <a class="nav" href=""> Eye Round Roast</a> </li> <li class="nav_End"> <a class="nav" href=""> Top Round Roast</a> </li> <li class="nav_End"> <a class="nav" href=""> Bottom Round Roast </a> </li> <li class="nav_End"> <a class="nav" href=""> Sirloin Tip Roast </a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Ground Meat </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Hamburger </a> </li> <li class="nav_End"> <a class="nav" href=""> Hamburger Patties</a> </li> </ul> </li> <li class="nav_Out"> <a class="nav" href=""> Other Cuts </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Filet Mignon </a> </li> <li class="nav_End"> <a class="nav" href=""> Sandwich Steaks </a> </li> <li class="nav_End"> <a class="nav" href=""> Stew Beef </a> </li> <li class="nav_End"> <a class="nav" href=""> Soup Shanks </a> </li> <li class="nav_End"> <a class="nav" href=""> Brisket </a> </li> <li class="nav_End"> <a class="nav" href=""> Kabobs </a> </li> <li class="nav_End"> <a class="nav" href=""> Short Ribs </a> </li> <li class="nav_End"> <a class="nav" href=""> Tongue </a> </li> <li class="nav_End"> <a class="nav" href=""> Heart </a> </li> <li class="nav_End"> <a class="nav" href=""> Liver </a> </li> <li class="nav_End"> <a class="nav" href=""> Ox Tails </a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Information </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Why Grass Fed Beef? </a> </li> <li class="nav_End"> <a class="nav" href=""> Did You Know </a> </li> <li class="nav_End"> <a class="nav" href=""> FAQ </a> </li> </ul> </li> <li class="nav_Down"> <a class="nav" href=""> Locations </a> </li> <li class="nav_Down"> <a class="nav" href=""> Contact Us </a> <ul class="nav"> <li class="nav_End"> <a class="nav" href=""> Contact Customer Service </a> </li> <li class="nav_End"> <a class="nav" href=""> Contact Webmaster </a> </li> </ul> </li> <li class="nav_DownLast"></li></ul></body></html><br><br><body>Welcome To Ledge Rock Farm NY Inc.<hr width="350" noshade align="left"> <div id="box"> <!--- box border --> <div id="lb"> <div id="rb"> <div id="bb"><div id="blc"><div id="brc"> <div id="tb"><div id="tlc"><div id="trc"> <!-- --> <div id="content"> <p>If you're a first-timer here, you might enjoy visitingour <a href="Know.php">Did You Know?</a> and <a href="Why.php">Why Grass Feed Beef?</a> sections. Even if you're not, we try to keep adding so you'll most likely find something new anyway. I also suggest you visit our <a href="Recipes.php">recipes</a> section, even if you're not buying, you can get ideas for an upcoming dinner as well as submit a favorite recipe of your own. You may even learn something on our <a href="FAQ.php">FAQ</a> page. You can even submit aquestion for use to answer and possibly add to our list.</p><p>Whatever the case may be, i at least hope you enjoy your stay here</p> </div> <!--- end of box border --> </div></div></div></div> </div></div></div></div> <!-- --> </div><a href="CookingTips.php">cooking tips</a></body><div class="center"><a href="#top" title="Jump Back To The Top Of The Page.">Back to top</a></div class="center"><div class="copyright"><h6><hr size="1" width="750">|<a class="copyright" href="Home.php" title="Navigate To Our Home Page.">Home</a> |<a class="copyright" href="About.php" title="Find Out More About Us.">About Us</a> |<a class="copyright" href="Contact.php" title="View Our Contact Information.">Contact Us</a> |<a class="copyright" href="Newsletter.php" title="Take A Look At Our Newsletter.">Newsletter</a> |<a class="copyright" href="Faq.php" title="Take A Look At Some Frequently Asked Questions.">Frequently Asked Questions</a> |<a class="copyright" href="SiteMap.php" title="View An Outline Of Our Site With This Site Map.">Site Map</a> |<a class="copyright" href="Access.php" title="View Our Accessibility Information.">Accesibility</a> |<a class="copyright" href="Privacy.php" title="View Our Privacy Policy.">Privacy Policy</a> |<a class="copyright" href="Use.php" title="View Our Terms Of Use.">Terms of Use</a> | <hr size="1" width="750"></h6></div class="copyright"><br></div class="content4me"></body><script LANGUAGE="JavaScript">// Courtesy of SimplytheBest.net - [url="http://simplythebest.net/scripts/"]http://simplythebest.net/scripts/[/url]<!-- Beginvar osd = " "osd +="Welcome to Ledge Rock Farm NY Inc. ";osd +=" Learn some interesting facts about beef processed for grocery stores in our \"Did you Know?\" section. ";osd +=" You may also learn a few things in our \"Why Grass Feed Beef?\" section as well. ";osd +=" Enjoy your stay... ";osd +=" ";var timer;var msg = "";function scrollMaster () {msg = customDateSpring(new Date())clearTimeout(timer)msg += " " + showtime() + " " + osdfor (var i= 0; i < 100; i++){msg = " " + msg;}scrollMe()}function scrollMe(){window.status = msg;msg = msg.substring(1, msg.length) + msg.substring(0,1);timer = setTimeout("scrollMe()", 100);}function showtime (){var now = new Date();var hours= now.getHours();var minutes= now.getMinutes();var seconds= now.getSeconds();var months= now.getMonth();var dates= now.getDate();var years= now.getYear();var timeValue = ""timeValue += ((months >9) ? "" : " ")timeValue += ((dates >9) ? "" : " ")timeValue = ( months +1)timeValue +="/"+ datestimeValue +="/"+ yearsvar ap="A.M."if (hours == 12) {ap = "P.M."}if (hours == 0) {hours = 12}if(hours >= 13){hours -= 12;ap="P.M."}var timeValue2 = " " + hourstimeValue2 += ((minutes < 10) ? ":0":":") + minutes + " " + apreturn timeValue2;}function MakeArray(n) {this.length = nreturn this}monthNames = new MakeArray(12)monthNames[1] = "January"monthNames[2] = "February"monthNames[3] = "March"monthNames[4] = "April"monthNames[5] = "May"monthNames[6] = "June"monthNames[7] = "July"monthNames[8] = "August"monthNames[9] = "September"monthNames[10] = "October"monthNames[11] = "November"monthNames[12] = "December"daysNames = new MakeArray(7)daysNames[1] = "Sunday"daysNames[2] = "Monday"daysNames[3] = "Tuesday"daysNames[4] = "Wednesday"daysNames[5] = "Thursday"daysNames[6] = "Friday"daysNames[7] = "Saturday"function customDateSpring(oneDate) {var theDay = daysNames[oneDate.getDay() +1]var theDate =oneDate.getDate()var theMonth = monthNames[oneDate.getMonth() +1]var dayth="th"if ((theDate == 1) || (theDate == 21) || (theDate == 31)) {dayth="st";}if ((theDate == 2) || (theDate ==22)) {dayth="nd";}if ((theDate== 3) || (theDate == 23)) {dayth="rd";}return theDay + ", " + theMonth + " " + theDate + dayth + ","}scrollMaster();// End --></SCRIPT></html> also, the script at the end is just for a scrolling message in the loading bar areaany ideas (preferably simple) would be greatly appreciated.thanks,
  20. damiancds

    Css Menu Help

    Great, I'd tried the float: left but it messed up,I was just missing the last li element having a clear: both;now i can focus on the hiding issue and browser compatibilitythanks,
  21. damiancds

    Css Menu Help

    First off, the codeMenu Style Sheet /* Menu Style Sheet */ul.nav{ color: white; margin: 2em; padding: 5px; background-color: green; background-image: url(gradient_6.gif); border: .5px solid #000;}li.nav{ display: inline; width: 150px; position: relative; margin:2px 5px 5px 5px; color:#194812; font-family:Arial; font-size:11px; font-weight:bold; text-decoration: none;}li.nav_Down{ display: inline; padding: 5px; width: 200px; position: relative; color:#194812; font-family:Bookman Old Style; font-size:14px; font-weight:bold; text-decoration: none; background-image:url(arrow_7.gif); background-repeat:no-repeat; background-position:92% 50%; }li.nav_Out{ display: block; width: 150px; position: relative; margin:2px 5px 5px 5px; color:#194812; font-family:Arial; font-size:11px; font-weight:bold; background-image:url(arrow_0.gif); background-repeat:no-repeat; background-position:92% 50%; }li.nav_Border:hover{ border-top: .5px solid black; display: block; width: 150px; position: relative; background-image: url(None.png); background-color: #B0E9A8;}li.nav_Border{ border-top: .5px solid black; display: block; width: 150px; position: relative; margin:2px 5px 5px 5px; color:#194812; font-family:Arial; font-size:11px; font-weight:bold;}li.nav a.nav{ color: white; text-decoration: none;} li.nav_Down a.nav{ color: white;} li.nav_Down:hover ul.nav a.nav{ color:#194812; font-family:Arial; font-size:11px; font-weight:bold; text-decoration: none;} li.nav_Down:hover li.nav_Out:hover ul.nav a.nav{ text-decoration: none;} li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover ul.nav a.nav{ text-decoration: none;} li.nav_Down:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover li.nav_Out:hover a.nav{ color: black; text-decoration: underline;}li.nav:hover{ background-image: url(None.png); background-color: #B0E9A8;}li.nav_Out:hover{ background-color: #B0E9A8;}li.nav_Down:hover{ background-image: url(None.png); background-color: #B0E9A8;}li.nav_Down ul.nav{ color: black; display: none; background-image: url(None.png); }/* One Level Deep */li.nav_Down:hover ul.nav{ display: block; position: absolute; top: -3px; left: -33px; background-image: url(None.png); background-color: #DDF6DA;}li.nav_Down:hover ul.nav li.nav{ display: block;}li.nav_Down:hover li.nav_Out ul.nav{ display: none;}/* Second Level Deep */li.nav_Down:hover li.nav_Out:hover ul.nav{ display: block; position: absolute; top: -23px; left: 125px;}li.nav_Down:hover li.nav_Out:hover li.nav_Out ul.nav{display: none;}li.nav_Down:hover li.nav_Out:hover li.nav_Out:hover ul.nav{display: block;} Menu.html <html><head><title> </title><link rel="stylesheet" type="text/css" href="menu.css" ></head><body><ul class="nav"> <li class="nav_Down"> <a class="nav" href=""> Home </a class="nav"> </li class="nav_Down"> <li class="nav_Down"> <a class="nav" href=""> About Us </a class="nav"> <ul class="nav"> <li class="nav"> <a class="nav" href=""> History </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Who We Are </a class="nav"> </li class="nav"> </ul class="nav"> </li class="nav_Down"> <li class="nav_Down"> <a class="nav" href=""> Products </a class="nav_Down"> <ul class="nav"> <li class="nav_Out"> <a class="nav" href=""> Grass Fed Beef </a class="nav"> <ul class="nav"> <li class="nav_Out"> <a class="nav" href=""> Steaks </a class="nav"> <ul class="nav"> <li class="nav"> <a class="nav" href=""> Chuck Steak </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Hanger Steak</a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Strip Steak </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Skirt Steak </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Flank Steak </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> T-Bone Steak </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Ribeye Steak </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Sirloin Tip Steak </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Boneless Top Sirloin Steak </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Porterhouse Steak </a class="nav"> </li class="nav"> </ul class="nav"> </li class="nav"> <li class="nav_Out"> <a class="nav" href=""> Roasts </a class="nav"> <ul class="nav"> <li class="nav"> <a class="nav" href=""> Chuck Roast </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Eye Round Roast</a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Top Round Roast</a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Bottom Round Roast </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Sirloin Tip Roast </a class="nav"> </li class="nav"> </ul class="nav"> </li class="nav"> <li class="nav_Out"> <a class="nav" href=""> Ground Meat </a class="nav"> <ul class="nav"> <li class="nav"> <a class="nav" href=""> Hamburger </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Hamburger Patties</a class="nav"> </li class="nav"> </ul class="nav"> </li class="nav"> <li class="nav_Out"> <a class="nav" href=""> Other Cuts </a class="nav"> <ul class="nav"> <li class="nav"> <a class="nav" href=""> Filet Mignon </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Sandwich Steaks </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Stew Beef </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Soup Shanks </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Brisket </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Kabobs </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Short Ribs </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Tongue </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Heart </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Liver </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Ox Tails </a class="nav"> </li class="nav"> </ul class="nav"> </li class="nav"> </ul class="nav"> </li class="nav"> <li class="nav_Out"> <a class="nav" href=""> Naturally Raised Poultry </a class="nav"> <ul class="nav"> <li class="nav"> <a class="nav" href=""> Chicken </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Turkey </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Duck </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Goose </a class="nav"> </li class="nav"> </ul class="nav"> </li class="nav"> </ul class="nav"> </li class="nav_Down"> <li class="nav_Down"> <a class="nav" href=""> Information </a class="nav"> <ul class="nav"> <li class="nav"> <a class="nav" href=""> Why Grass Fed Beef? </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Did You Know </a class="nav"> </li class="nav"> <li class="nav_Border"> <a class="nav" href=""> FAQ </a class="nav"> </li class="nav_Border"> </ul class="nav"> </li class="nav_Down"> <li class="nav_Down"> <a class="nav" href=""> Locations </a class="nav"> </li class="nav_Down"> <li class="nav_Down"> <a class="nav" href=""> Contact Us </a class="nav_Down"> <ul class="nav"> <li class="nav"> <a class="nav" href=""> Contact Customer Service </a class="nav"> </li class="nav"> <li class="nav"> <a class="nav" href=""> Contact Webmaster </a class="nav"> </li class="nav"> </ul class="nav"> </li class="nav_Down"></ul class="nav"></body></html> Okay,What I need help with is getting my top li elements at a fixed width.I read somewhere about not being able to set width to inline elements and setting them to float left.Only problem was that I lost my background image.Also, when i tried putting up (on a local host (wampserver) to test it) it didn't stay on top.What I mean is, I've got one of those content boxes (http://sperling.com/examples/box/) and when the dropdown portion of the menu came out,it went behind the box and not on top of it.I also know i'm going to need some javascript to get this to display on ie and what not but one thing at a timeI apologize for the mess, and I appreciate any input you've got
  22. Thanks for the replies,I was going ahead and messing around with the menu, and the only thing the javascript seems to have affected was some drop shadow and a fade in effect (both not really missed if someone's javascript is disabled)but I will experiment more and see if anything else is affected.
  23. damiancds

    Menu Opinons

    For about the last week, I've been working on a horizontal bar menu for a website and keep coming on new ways and better looking ideas of it.My question is: is there anything wrong with using javascript for a navigation menu (is it a bad idea)I ask because I thought that the user could have javascript turned off on their end and it would display properly, or they would keep getting asked that a script is trying to run, allow? which doesn't seem very professional to have your navigation menu not properly displayed or not displayed at all.I also wasn't sure if I should've put this in the javascript section.any input would be appreciated,thanks
  24. I know it's highly unlikely that the same webpage will display across several different web browsers.My question is about alignment. The way I've got my site set up is i have a header and footer and the main content pages including them. In my header portion, I have the banner and then a css tab menu.What I want is the tab menu centered with the banner. In ie, it's centered but mozilla it's not. the banner will be but the menu will be on the leftdoes anyone know how i can do this without destroying my pages or style sheet.thanks,
  25. Most definitely, i planned on using a payment gateway because my father wants to be able to accept credit cards and what not, there was no way i was taking responsibility for other people's information like credit card numbers and other stuff for my part on the php i was just saying like having a item selection page (catalog) and when they click add to cart it would change over to the processor or something like that. but for right now i'm only worried about having accounts for people, later i was going to worry about order history and that stuff
×
×
  • Create New...