Jump to content

SmokingMan

Members
  • Posts

    188
  • Joined

  • Last visited

Everything posted by SmokingMan

  1. I first learn about W3C when I first started to get interested in learning HTML. Someone on some long forgotten forum suggested W3C schools for the tutorials....and well.....the rest is history
  2. Okay, I know this is basic stuff, but I seem to be having a mad cow moment. I am trying to link to locations on the same page, and have the links change styles on hover. The return to top link changes style but does nothing when clicked, and the links at the top don't change on hover and also do nothing. I've looked at the code and CSS and just can't figure out what's wrong here. I know it's something simple and will probably smack myself in the head when it's pointed out to me. But can someone look at the code and tell me where I've went wrong?XHTML: <div class= "menu-links" name="menu-links"> <div class= "menulink-head">Link To Menu Category</div> <a class= "menupage-link" href= "#menu-cat1" title= "Hot Dogs & Chili Buns">Hot Dogs & Chili Buns </a> <a class= "menupage-link" href= "#menu-cat2" title= "Nachos, Salads, & Soups"> Nachos, Salads, & Soups </a> </div> <div class="menu-category"><span name="menu-cat1">Hot Dogs & Chili Buns</span> </div> <div class= "cat-description"> <span>All hot dogs and chili buns come with mustard and onions. Ketchup and mayonnaise available upon request.</span></div> <div> <div class="menu-item"><span>Plain Hot Dog .....................................................................</span></div> <div class="item-price"><span>#1.50</span></div> </div> <div> <div class="menu-item"><span>Chili Bun ...........................................................................</span></div> <div class="item-price"><span>$1.75</span></div> </div> <div> <div class="menu-item"><span>Chili Dog ...........................................................................</span></div> <div class="item-price"><span>$2.00</span></div> </div> <div> <div class="menu-item"><span>Chili, Cheese ......................................................................</span></div> <div class="item-price"><span>$2.25</span></div> </div> <div> <div class="menu-item"><span>Chili, Cheese, & Peppers ........................................................</span></div> <div class="item-price"><span>$2.50</span></div> </div> <div> <div class="menu-item"><span>Chili, Cheese, & Slaw ............................................................</span></div> <div class="item-price"><span>$2.50</span></div> </div> <div> <div class="menu-item"><span>Chili, Cheese, Peppers, & Slaw ................................................</span></div> <div class="item-price"><span>$2.75</span></div> </div> <div> <div class="menu-item"><span>Fiesta Dog .........................................................................</span></div> <div class="item-price"><span>$2.00</span></div> </div> <div> <div class="menu-item"><span>Pizza Dog ..........................................................................</span></div> <div class="item-price"><span>$2.00</span></div> </div> <div> <div class="menu-item"><span>Polish Dog ..........................................................................</span></div> <div class="item-price"><span>$2.35</span></div> </div> <div> <div class="menu-item"><span>Quarter Pound Beef Dog .........................................................</span></div> <div class="item-price"><span>$2.50</span></div> </div> <div class= "menu-return"> <a class= "menu-return" href= "#menu-links" title= "Return to top">Return to top</a> </div> <div class="menu-category"> <span name="menu-cat2">Nachos, Salads, & Soups</span></div> <div class="cat-description"> <span>All Nachos include chili & cheese. All Nacho salads include chili, cheese, lettuce, tomato, onion, & salsa. Sour cream & peppers are extra.</span></div> CSS: .menu-links{ text-align: center; } .menulink-head{ font-family: Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif; font-style: italic; font-weight: bold; font-size: 16px; color: #000000; text-decoration: none; } .menupage-link{ font-family: Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif; font-style: normal; font-size: 12px; color: #660000; text-decoration: none; } .menupage-link a:hover{ color: #ff3399; font-style: italic; text-decoration: underline; } .menu-return{ font-family: serif; font-size: 11px; color: #ff0000; text-decoration: none; margin-left: 5px; clear: both; } .menu-return a:hover{ font-weight: bold; text-decoration:underline; } Here's a link to the page in question: http://site-test1.hotdog-hut.com/menu.php
  3. I think I have a headache. I code everything using XHTML Strict. I've never thought about this before, but for some reason I had this burning need to know. Thanks
  4. Just a general question on how different browsers handle block elements. When you specify an element to be 800 pixels in width, with a 2 pixel border, is the border included in the 800 pixel width? For example, would the actual width inside the block for content would be 796 pixels since 4 pixels are taken up with the borders, or are the border widths added on to the block element leaving all 800 pixels for content? And does this vary between browsers?
  5. I start Firefox with four forums loaded as my start pages: Webepertz Forum, Programming Talk, Windows Forum, and W3Schools.. This is the only forum I seem to have trouble with. I don't use any other browser, except when viewing pages under construction to check the rendering. Like I said, not a monumental problem, but one that makes you go.......hmmmm. I didn't used to have this problem, that's why I'm curious.
  6. Okay, I know this is whining......kinda......but each time I visit now I have to log in manually (well actually Firefox remembers it for me). I have the "remember me" box checked, and I never used to have this problem. Am I the only one having problems logging in? Now I know it now takes me two clicks to log in (so much work), and in the grand scheme of things it's not as high on the list as say, what's going to happen next week on "24". But it is an annoying problem. Are there any solutions to this or will I just have to keep wearing my mouse out having to click it two extra times? Oh the inhumanity of it all
  7. I've downloaded, but have not installed XAMPP yet. I'll run the port scan to see what's open. I use ZoneAlarm as my firewall, so I don't know how secure my machine really is. But I do use a broadband, always on connection. Before I install anything, I need to be sure I'm as secure as I can be. I thought I was paranoid before, but now....... I went to grc.com and passed all tests. All ports are secure, there was no response from my machine to any of the packets sent. Great site, I can sleep easy for now
  8. I had wondered how anyone would find me, but I'm always a bit paranoid when it comes to securing my computer. So you all think XAMPP is better than WAMP5? And as far as not hurting myself, that's why I keep regular backups
  9. I'm going through the W3C tutorials on PHP. I would like to be able to run these scripts on my local machine rather than have to upload to my hosting server while I learn the language. And besides, I would like to be able to develop on my machine before uploading anyway. I looked at bundles that install Apache, SQL, & PHP, but was a little concerned about the security once I installed them. Am I just being paranoid, or are there some issues I need to address before I install this software? I was looking to install WAMP5 that I linked to from the introductory tutorial at php.net.
  10. Okay I'm not going to pretend to know php, but would I use it to also design the ordering form instead of using XHTML? Or would I use php to access the data input into the form? Please excuse my ignorance on this one. I guess I got me some learnin' to do.
  11. I'm putting up a site for my brother's restaurant and he would like to set up online ordering. What I'm wondering since this is my first "real" site, what would be the best way to go with this? I know I can set up the form with markup, but when formatting a confirmation page for the customer to look over, and to calculate the order total, would you want to use a client side language such as Javascript, or a server side language like php?I need to be able to have the user input their order using drop downs. Then display a confirmation page with their order and the purchase total for them to look at before they confirm and submit it via e-mail. I would also like to send them a confirmation that the order was received. I know I can set up an auto responder to confirm the e-mail receipt, but how would I also include their order in the e-mail?I know this is a lot, but I have lots of time to put this together and would like to do it right since this is my first foray outside of just coding for fun. So I'm looking for a little input as to how would be the best way to approach this. If I'm able to pull this off, and do it well..........who knows?
  12. Okay, this is just a guess because I haven't tried this. But have you tried using ASCII Entity Numbers for "-" and "+"? Don't know if it makes a difference, but that seems to be what these text fields between the <p></p> tags have in common. Other than that, I'm at a loss.
  13. Ditto. I don't see a <select> tag anywhere. Just to be sure I didn't miss it, I searched the source code for 'select' and it didn't show up. This is both in Firefox 1.5 and IE 7.
  14. I looked at the page and the only difference I could see was the more narrow footer in IE 7 than in Firefox 1.5. I didn't see any text disappearing in IE. To what text are you referring?
  15. I can't seem to get the content of the page to extend to the bottom of the page if the content falls short. How can I tweak my CSS to get the page to fill to the bottom even if the content doesn't extend that far?CSS: body{ background: transparent; background-color: #ffffff;}/* container for entire content */.container{ width: 90%; margin:auto; height: 100%; border: solid; border-color: black; border-width: 2px;}.wrapper1{ width: 100%; height: 100%; background-color:#ff0000; border: none; z-index: -200;}.wrapper2{ width: 99%; margin: auto; height: 100%; border: none; background-color:#ffff00; z-index: -100;}.pagecontent{ width: 98%; height: 100%; margin: auto; overflow: hidden; background: transparent; background-color: #e1edfb; border: none; z-index: 100;}/* general styles for left, right, and bottom containers */ .banner{ width: 98%; height: auto; position: relative; border: none; padding-bottom: 10px; margin-bottom: 20px; margin: auto; border-bottom: double; border-bottom-color: maroon; text-align: center; background: transparent; background-color: #e1edfb; z-index: 150;} .lcontainer{ float:left; margin-top: 10px; margin-bottom: 10px; position: relative; width: 19%; background: transparent; background-color: #e1edfb;} .rcontainer{ float: right; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; position: relative; margin-left: 5px; width: 77%; border: inset; border-width: 2px; background: transparent; background-color: #e1edfb;} .footer{ clear: both; width: 95%; margin: auto; margin-top: 10px; height: auto; border-top: double; border-top-color: maroon; padding-top: 10px; text-align: center; background: transparent; background-color: #e1edfb;} XHTML: <body><div class="container"> <div class="wrapper1"> <div class="wrapper2"> <div class="pagecontent"> <div class="banner"> <img alt= "HotDog-Hut Banner" src= "images/hdh-anim1.gif" height= "100" title= "HotDog-Hut Banner" width= "584" /> </div> <div class="lcontainer"> <?php require("indexnav.html"); ?> </div> <div class= "rcontainer"> <?php require("welcome.html"); ?> <br /> </div> <div class="footer"> <?php require("footer.html"); ?> </div> </div> </div> </div></div></body> Here's a link to the page in question. I just want the footer to always be at least to the bottom of the page. At this point I've tried all I can think of other than just putting enough '<br />'s' in the markup to make it go to the bottom. But that's just unseemly
  16. Yes I did, and it didn't work. I did find the problem though. I was using the wrong class for the right column content. Once I changed it, it works fine.
  17. Changing the 'border-width' has no effect. I still only get three sides with a border. I don't see why the 'border-width' would matter. All that does is to give a width for the border, not determine whether or not it displays.
  18. I have a page that I want the content to have a border. I've set the border in my CSS but it's only showing on three sides. I know I'm probably missing something simple here, but I can't seem to figure it out. And I can't stare at it any more, I need a new set of eyes.CSS: /* Hot Dog Hut Stylesheet - Last Updated 01/14/2007 */body{ background: transparent; background-color: #e1edfb;}/* container for entire content */.wrapper{ width: 90%; height: auto; margin: auto; overflow: hidden; background: transparent; background-color: #e1edfb; border: none;}/* general styles for left, right, and bottom containers */ .banner{ width: 100%; height: auto; position: relative; border: none; margin-bottom: 20px; text-align: center; background: transparent; background-color: #e1edfb;} .lcontainer{ float:left; width: 20%; padding-bottom: 32000px; margin-bottom: -32000px; background: transparent; background-color: #e1edfb;} .rcontainer{ float:left; margin-left: .5%; width: 79.5%; padding-bottom: 32000px; margin-bottom: -32000px; background: transparent; background-color: #e1edfb;} .footer{ width: 80%; margin: auto; height: auto; text-align: center; background: transparent; background-color: #e1edfb;}/* style for the navigation menu */.nav{ margin: 0 10 10 10px;}.navheads{ font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif; font-size: 16px; color: #cc3366; text-align: center; text-decoration: underline;}.navlinks{ font-family:'Comic Sans MS','Monotype Corsiva',cursive; font-size: 14px; color: #800000; text-decoration: none;}a:hover{ text-decoration: underline; font-style:italic; color: #000066;}/* style for the main content */ .content{ margin: 15px; font-family:'Comic Sans MS','Monotype Corsiva',cursive; font-size: 14px; font-style:italic; text-align: left; border: double; border-width: 3px;}.hdh-welcome-img{ float:left; padding-right: 10px; padding-bottom: 10px; border: none;}/* style for the footer content */.bcontent{ margin-top: 10px;} .bcontent img{ border: none;}.blinks{ margin-top: 12px; font-family:'Courier New','Lucida Console','Andale Mono',monospace; font-size: 10px; color: #cc3300; font-style: normal; text-decoration: none; }.blinks a:hover{ color: #000066; text-decoration: underline; font-style: italic; } Here's a link to the site in question. All of the content is pulled in with 'includes'. The only thing that ever will change when a link is clicked will be the content. I'm at a loss
  19. I'm working on a site right now in which the only thing that changes from page to page is the main content. The header, footer, and navigation menu stay the same on every page. But I'm not using frames (hate them). Presently I use 'include' to pull in the content for each part of the page because I couldn't see coding the same thing into multiple pages. But I had a thought (a dangerous thing, I know). Rather than have multiple pages with all content being the same save for one, why not just have the one page and use a script of some sort to change the main content depending on the link clicked on by the user.What I'm wondering, and finally getting to, is can you use a variable in an 'include', and furthermore, can you use Javascript to pass that variable? Then, how would you go about getting that 'include' to refresh the content? Or is this something too involved that I really don't want to do? It works fine right now as it is by just reloading the entire page with the new content. As far as the user knows, the only thing changing is the main content. I'm just curious as to whether or not this can be done so as to make the site a little leaner by only having one page to load, the rest being only changing content.Am I making any sense here, or are these the ramblings of one with too much caffiene this morning?
  20. First of all, the CSS: .table { margin-left : 300px; } defines a class which you didn't include in your <table> tag. The period before "table" tells the browser that this is a defined class. By removing the period, you tell the browser to apply these styles to any table on your page. Remove the <center> and </center> tags from your code and change the CSS. You also need to remove the border attribute from your <table> tag and put in in the CSS. I've shown the changes to the CSS and markup below: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>zeid1</title><meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link type="text/css" rel="stylesheet" href="STYLE.css" /><style type="text/css">table{ margin: auto; border: none;}</style></head><body><p><br /><br /><br /></p><p class="p1">Merry Chirstmas and happy new year 2007</p><form method="get" action="SEARCH.aspx"><table cellpadding="0" cellspacing="0" border="0"><tr><td class="td1"> </td></tr><tr><td class="td1"><input type="text" name="search" size="32" /> <input type="submit" value="Search Db" /></td></tr><tr><td class="td1"> </td></tr></table></form><p class="p1">Programmed using <span class="span1">ASP.NET</span></p></body> I haven't checked to see if it validates or not, but this should get you on the right track
  21. I checked it out, but could find no explanation or tutorial on how it was done, just markup I could copy and use. And it uses absolute positioning, which I'm not so sure how well that would work in a fluid three column layout.
  22. <div bgcolor id="Header"> Would you even need "bgcolor" when you're setting the color of the element using the id="header"? Wouldn't that make IE scratch it's pointy little head and not know what to do
  23. While I got the rounded corners to work, I had to remove " padding-bottom: 32000px; margin-bottom: -32000px;" from the CSS to make the corners render correctly. But now all columns are not equal in height. Does anyone have any ideas, or is it just a pipe dream to have rounded corners and equal column heights?
  24. I removed the "display: none" style from the <img> tags that hold the rounded corners. And if you only use Opera and Firefox it looks fine. But what a surprise, IE messes it up. The top rounded corners look fine, but the bottom ones...well it's easier just to provide a link. Be sure to view it in IE to see the problem in the left column. By the way, I'm viewing it with the new and improved IE 7 ______________________________________________________________I removed the bottom padding & margin from the CSS and now it works. I had the padding & margin in to force the columns to be equal in height because "height: 100%" didn't work, but now it does?! I sure wish someone could explain this one to me. I'n not only confused, but also befuddled.
×
×
  • Create New...