Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by SmokingMan

  1. 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?
  2. 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.
  3. 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
  4. 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
  5. 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
  6. 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.
  7. 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.
  8. 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?
  9. 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.
  10. 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.
  11. 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?
  12. 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
  13. 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.
  14. 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.
  15. 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
  16. 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?
  17. 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
  18. 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.
  19. <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
  20. 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?
  21. 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.
  22. I'm trying to do rounded corners using CSS, but it's not working. I think I need a new set of eyes. I've only tried it on the left column so far. Here's the code:CSS: body{ background: transparent; background-color: #ffffff;}.wrapper{ width: 98%; height: auto; margin: auto; overflow: hidden; background: transparent; background-color: #ffffff; border: none;} .banner{ width: 100%; height: auto; position: relative; border: none; margin-bottom: 3px; text-align: center; background: transparent; background-color: #ffffff;} .lcontainer{ float:left; width: 20%; height: 100%; padding-bottom: 32000px; margin-bottom: -32000px; background: #ffffff; background-color: #d3fdfd;}.lcontainer p{ margin: 10px;} .ccontainer{ float:left; margin-left: .5%; width: 59%; height: 100%; padding-bottom: 32000px; margin-bottom: -32000px; background: transparent; background-color: #cc99cc;}.ccontainer p{ margin: 10px;}.rcontainer{ float:left; margin-left: .5%; margin-right: -2%; width: 20%; height: 100%; padding-bottom: 32000px; margin-bottom: -32000px; background: transparent; background-color: #d3fdfd;}.rcontainer p{ margin 10px;} .footer{ width: 98%; margin: auto; height: auto; margin-top: 5px; background: transparent; background-color: #99ffff;}.footer p{ margin: 10px;}.roundtop{ background: url(../images/trcorner.gif) no-repeat top right;}.roundbottom{ background: url(../images/brcorner.gif) no-repeat top right;}img.corner{ width: 33px; height: 32px; border: none; display: block;} XHTML: <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><!-- Last Updated 11/25/2006 --><meta content= "Mike Saylor" name= "author" /><meta content="Welcome to the Hot Dog Hut. Your destination for the finest Hot Dogs in Bristol, TN!" name="description" /><meta content="hot dogs, restaurant, bristol, tennessee" name="keywords" /><link rel="stylesheet" type="text/css" href="stylesheets/hdh-master-styles.css" /><title>Welcome To The Hot Dog Hut!</title></head><body><div class= "wrapper"> <div class="banner"> <img alt="Hot Dog Hut Logo" src="images/hdh-logo.jpg" height="138" width="758" /> </div> <div class="lcontainer"> <div class= "roundtop"> <img alt= "" src= "images/tlcorner.gif" class= "corner" height= "32" style= "display: none" width= "33" /> </div> <p>This column will contain links for specials, events, ordering, and whatever else you can think of.</p> <p>The column will adjust in height according to what it's filled with.</p> <div class= "roundbottom"> <img alt= "" src= "images/blcorner.gif" class= "corner" height= "32" style= "display: none" width= "33" /> </div> </div> <div class= "ccontainer"> <p>The menu could go here. List all of the items and their prices. The column height will adjust according to what is put in here.</p> <p>You don't have to have a three column layout. You can go with two columns or even with one. That will be up to you as to how you want the site to be laid out.</p> <p>You can go with or without a banner also. I just inserted a faux banner to give you a general idea. You could go with an image of your store blended into the background. It's all up to you.</p> </div> <div class="rcontainer"> <p>We could do more links, advertising, and other stuff in this column. It will expand vertically to accomodate whatever you put here.</p> </div></div><div class="footer"> <p>Maybe ads or other things. I'll leave it up to you. The column will adjust in height according to what it's filled with. And none of these elements have to have a background color or outlines. I put in the colors just to highlight them.</p></div></body></html> Any ideas?
  23. Okay, I've seen a site that displays an image as it should appear using a jpg or gif image, and also displays the image using standards compliant code. It looks good in Opera, okay in FF, and awful in IE. I can't remember the name of the test or the site where it's located. I want to show this to my better half so as to show her how IE compares to other browsers. She can't understand what I mean when I tell her what a mess IE is, and why I prefer FF.I just downloaded and installed IE 7 (where are the improvements?). This is what brought up the discussion. Does anyone understand what I'm trying to find, or are these just the ramblings of someone who should have gone to bed hours ago?
  24. Speaking of copyrights...what can be copyrighted, and where would one go to copyright a layout/design? I've been wondering about this for a while now, so what better time to ask.
  25. That was my first suggestion. But he wants the orders faxed, not e-mailed. Even though I am his older brother, it doesn't mean he actually listens to me
  • Create New...