Jump to content

SmokingMan

Members
 View Profile  See their activity

  • Posts

    188

  • Joined

  • Last visited

 Content Type 

Everything posted by SmokingMan

  1. SmokingMan
    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?
  2. SmokingMan
    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?
  3. SmokingMan
    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.
  4. SmokingMan
    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
  5. SmokingMan
    I guess I wasn't too clear . I want the customer to be able to input their order into a form, then have the site format the input into a printable page so they can print it out and then use their fax machine to fax it to the restaurant. My brother bought a restaurant and he wants a basic web site with the capability for the customer to fax their order in so it will be ready for pickup when they get there. I volunteered to do it for him and I thought this would be an easy way to do it.I've just coded as a hobby up to this point. This will be my first foray into an actual site that really does something
  6. SmokingMan
    I'm going to want to create a page from the form input, so it can be printed out for faxing. The customer would use the form to input their order, and then I want to be able to format a printable page so it can be faxed in to the restaurant with their order. Would PHP do what I want? Of course now that means I've got something else to learn WIll it never end?
  7. SmokingMan
    Just a general question. If I wanted to make a form where the user could input information from drop down lists and such, how would I convert that form input to a page that has been formatted for printing? Can this be done through the XHTML code, or would you need to use JS to take the info from the form and format a new page for printing?
  8. SmokingMan
    In my layout I can't seem to get all of the columns to be equal in height. I must be missing something simple here, but it seems to be eluding me. Any suggestions?Here's the page code: <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= "tspacer"> </div> <div class="lcontainer"> <div class= "lcnb1"> <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> </div> <div class= "ccontainer"> <div class="ccnb1"> <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> </div> </div> <div class="rcontainer"> <div class="rcnb1"> <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="bspacer"> </div></div><div class="footer"> <div class="fnb1"> <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></div></body> Here's the CSS for the layout: /* Main block element styles */body { background: transparent; background-color: #ffffff; }.wrapper { width: 790px; height: auto; margin: auto; background: transparent; background-color: #ffffff; border: none; } .banner { width: 100%; height: auto; position: relative; border: none; text-align: center; background: transparent; background-color: #ffffff; } .lcontainer { float: left; width: 20%; height: 100%; position: relative; text-align: justify; background: transparent; background-color: #99ffcc; }.ccontainer { float: left; margin-left: .5%; width: 59%; height: 100%; position: relative; text-align: justify; background: transparent; background-color: #cc99cc; }.rcontainer { float: left; margin-left: .5%; width: 20%; height: 100%; position: relative; text-align: justify; background: transparent; background-color: #99ffcc; } .footer { width: 790px; margin: auto; height: auto; background: transparent; background-color: #99ffff; }.tspacer { width: 790px; height: 3px; background: transparent; background-color: #ffffff; }.bspacer { width: 790px; height: 3px; clear: both; background: transparent; background-color: #ffffff; }/* These are the block elements that nest inside the main elements */.lcnb1 { width: 90%; margin: auto; height: auto; text-align: left; background: transparent; background-color: #99ffcc; }.ccnb1 { width: 90%; margin: auto; height: auto; text-align: left; background: transparent; background-color: #cc99cc; }.rcnb1 { width: 90%; margin: auto; height: auto; text-align: left; background: transparent; background-color: #99ffcc; }.fnb1 { width: 95%; margin: auto; height: auto; padding: 5px; text-align: left; background: transparent; background-color: #99ffff; }
  9. SmokingMan
    I gave the right column "margin-top: -70px" and it worked beautifully with FF. Then I looked at it in IE and , It looks awful. There has to be a way to do this so it works in all browsers, at 800 x 600 and larger. Any ideas?___________________________________I got it. I changed my "margin-left" to start from the preceding element instead of the left of the screen and it works in both FF & IE. I also removed the "margin-top: -70px" as it was no longer needed.
  10. SmokingMan
    I posted the link so you could go & look at it, but here's the code.CSS .wrapper {width: 100%; height: auto; background: transparent; background-color: #ffffff; border: none; } .banner {margin: auto; width: 90%; height: auto; position: relative; border: none; text-align: center; background: transparent; background-color: #ffffff; } .lcontainer {margin-left: .5%; width: 19.5%; height: auto; padding: 5px; float: left; text-align: justify; background: transparent; background-color: #99ffcc; }.ccontainer {margin-left: 21.1%; width: 57%; height: auto; padding: 5px; text-align: justify; background: transparent; background-color:#cc99cc; }.rcontainer {margin-left: 79.3%; width: 19.5%; height: auto; padding: 5px; text-align: justify; background: transparent; background-color: #66ff99; } .footer {width: 90%; margin-top: 5px; margin-left: 5%; height: auto; background: transparent; background-color: #ff9966; }.tspacer {width: 100%; height: 15px; background: transparent; background-color: #ffffff; }.bspacer {width: 100%; height: 5px; clear: both; background: transparent; background-color: #ffffff; } XHTML <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><!-- Last Updated 10/15/2006 --><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= "tspacer"> </div> <div class="lcontainer"> <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> <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> </div> <div class="rcontainer"> <p>We could do more links, advertizing, and other stuff in this column. It will expand vertically to accomodate whatever you put here.</p> </div> <div class= "bspacer"> </div> <div class="footer"> <p>Maybe ads or other things. I'll leave it up to you.</p> <p>The column will adjust in height according to what it's filled with.</p> <p>And none of these elements have to have a background color or outlines. I put in the colors just to highlight them.</p> </div></div></body></html> The top of the right column doesn't want to line up with the other two.
  11. SmokingMan
    I'm getting ready to put up a site for my brother's new restaurant. I've did this as a hobby up to this point, this will be my first site to be used commercially so I want to do it right. All of my pages have been designed for 800 x 600 so far, but I set my pages with percentages as widths so they expand for the higher resolution. My new monitor is set at 1024 x 768, and I'm just wondering what the "standard" is, and what might be the best way to go once I begin to put this together. I know there's no real "set in stone" way to do this, so I' thought I'd just solicit some opinions before I really get started.
  12. SmokingMan
    I'm trying to put together the outline for a three column page. But I can't seem to get the right column to line up with the top of the center column. I know I have something set wrong in my CSS, but I can't seem to figure out what it is. Here's the link for the page.
  13. SmokingMan
    I just recently upgraded my monitor to a 19" LCD flatscreen and have discovered that since I increased my resolution to 1024 x 768, that a number of pages are designed for 800 x 600 and are pushed to the left of the screen. They look awful since they don't expand to fit the higher resolution. So my question is, in your opinion, should pages be designed for the higher resolution or for 800 x 600?I hate to go to a website and have to scroll the page horizontally, so I want to be sure to design them so they will fill the screen, but don't overflow. I always set my widths in percentages already, so they do fit the screen at the higher resolution, but since they were designed on a monitor at 800 x 600, the feel of the page is different as it expands to fit the higher resolution monitors.I'm just kinda looking for suggestions and opinions on this.
  14. SmokingMan
    I've had my sites hosted with ICD Soft for about four years now, and I have no complaints. I know I have all of the tools I need, now all I need is the knowledge on how to use them.An easy way out would be nice, but I really do want to learn how to do this...I think
  15. SmokingMan
    My sites are hosted by ICD Soft. Both MySQL and PHP are installed on the server, and I can import a database to the server. So all of the tools I need are there, but not on my home system. I do have MySQL Express downloaded but not installed, and I have a PHP reference CD which has what I need to install it on my home system. It looks as if I have my work cut out for me
  16. SmokingMan
    I have a collection of thousands of cards, comics & collectibles I would like to put on a site. I would like for the user to be able to pick what they want, have the price along with shipping calculated, and then sent to me. I would have a PayPal link for them to pay for the items. I also would like for the site to show the current items available, so when a user orders something, it would be automatically removed from the database.I know a commercial shopping cart program would work, but I don't want to sink the money into one at this point, since this is more a hobby than a commercial enterprise. I know I'll need to have the database loaded on the server. MySQL is installed on the server so I know I need to learn that. It would be nice if you could convert an Access database to MySQL since I am familiar with Access but not so much with MySQL. But how would I accomplish linking the website with the database so customer purchases would be reflected the next time the page is loaded, PHP?I have lots of questions, but this is something I would like to do. I'm comfortable with XHTML and CSS, and somewhat comfortable with Javascript. Am I getting in over my head here? What do I need to learn to accomplish this? Any suggestions would be appreciated.
  17. SmokingMan
    Thanks, this should help until I can figure out why Opera won't run this slideshow script.
  18. SmokingMan
    I fixed the "+" sign, but I found another problem. It seems that you can change the preferences in Opera so it shows as either Mozilla or MSIE. If the user does that, then the conditional test won't work. I guess I'll have to figure out why the script doesn't work in Opera. But in running the debugger, I'm having trouble deciphering it since I'm still very new to JS.
  19. SmokingMan
    I have a slideshow script that will not work in Opera, so I thought I'd use a browser detect script to display an alert if the user tries to view the slideshow with Opera. But the alert box does not display and I can't seem to figure out why, so I thought another pair of eyes might help.Here's the script: <script type="text/javascript">var browser = navigator.appNameif (browser =="Opera") { alert("Your browser will not execute the slideshow script" + '\n' "It must be viewed in either Internet Explorer or Firefox") }</script> Where have I screwed up?
  20. SmokingMan
    Here's a good tutorial to get you started:W3C Schools Form Tutuorial
  21. SmokingMan
    I would like to be able to play a media file such as an .wmv file in a media player in the browser, instead of opening the player in a new window. How do you go about embedding a media player such as Windows Media Player, in a browser, so that when someone wants to watch the movie file, it plays in the browser window without launching the player itself?
  22. SmokingMan
    Well I ran the Javascript console on Opera and got the error message, but I don't understand it. I tried to walk through their debugging tutorial, but it's beyond me. Maybe someone else can walk me though this. Here's the script on the page: var tss;var iss;var jss = 0;var pss = Picture.length-1;var preLoad = new Array();for (iss = 1; iss < pss+1; iss++){preLoad[iss] = new Image();preLoad[iss].src = Picture[iss];}function control(how){ if (showHot){ if (how=="H") jss = 1; if (how=="F") jss = jss + 1; if (how=="B") jss = jss - 1; if (jss > (pss)) jss=1; if (jss < 1) jss = pss; if (document.all){ document.images.PictureBox.style.filter="blendTrans(duration=2)"; document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)"; document.images.PictureBox.filters.blendTrans.Apply();} document.images.PictureBox.src = preLoad[jss].src; if (document.all) document.images.PictureBox.filters.blendTrans.Play(); }} This is the onClick event line: <td><a href="#" onClick="java script:control('F');"><img class="noborder" id="next" src="../../images/next-ssbutton1.gif" alt="Next Image" title="Next Image" width="100" height="18" onmouseover="imageOn('next'); return statusMsg('Next Image')"; onmouseout="imageOff('next'); return statusMsg('')"></a></td> And here's the console error message:Missy's Photo Slideshowhttp://testdomain.ftwin.com/albums/missy/missy-slideshow.htmlEvent thread: clickError:name: TypeErrormessage: Statement on line 55: Could not convert undefined or null to objectBacktrace: Line 55 of inline#1 script in http://testdomain.ftwin.com/albums/missy/missy-slideshow.html document.images.PictureBox.filters.blendTrans.Apply(); Line 1 of script control("F"); At unknown location [statement source code not available]Can someone walk me through this so I can understand?
  23. SmokingMan
    I think it did, maybe I didn't test it in Opera, I honestly don't remember now But in FF when I click for the next image, it displays for an instant, then I get the error message. I've tried clearing my cache, but to no avail. I'm stumped.------------------------------------------------------------------------------------Okay I'm really stumped now. I accessed it with FF from another page in the site and now it works! Then I linked back to the main page and it's working now. I wasn't imagining this...REALLY!!!! The menu is exactly the same on every page, go figure.Homey needs a drink Of course it still doesn't work in Opera.
  24. SmokingMan
    Why certainly. Here's the link to the index page. From there go to Slideshows>Missy's Slideshow. It's fine in IE, but...well...you know...same old song and dance
  25. SmokingMan
    In FF I get this error message after clicking the forward button: Not FoundThe requested URL /albums/missy/F was not found on this server.Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. In Opera it doesn't work at all.
×
×
  • Create New...