Diablo
-
Posts
6 -
Joined
-
Last visited
Diablo's Achievements
Newbie (1/7)
0
Reputation
-
How do i create blank space at the bottom of the page. right now when u scroll down to the bottom of the page it just cuts off the bottom.I want to be able to scroll down to the bottom of the page and see a little space between the bottom of the browser window and the bottom of the website. ultrapcgear.com /* Generic Selectors */body { background-color: #000000;}h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #000000;}h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; text-decoration: underline; font-weight: bold; color: #000000;}h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000000}/**************** Pseudo classes ****************/:link { color: #0000FF; font-weight: bold; text-decoration: none;}:visited { color: #FF00FF; font-weight: bold; text-decoration: none;}:hover { color: #0000FF; font-weight: bold; text-decoration: underline;}:active { color: #E80000; font-weight: bold; text-decoration: underline;}/************************* ID's *************************//*top right bottom left*/#header{ padding: 0px 8% 0px 8%; margin: 0px; border-bottom:1px solid #ccd2d2;}#pagecell1{ position: absolute; top: 10px; left: 2%; right: 2%; bottom: 10px; height: 75%; width: 96%; background-color: #FFFFFF; border-bottom: 5px solid #00000;}#pageNav{ width: 100%; padding: 0px 0px 0px 0px; background-color: #F5F5F5; border-bottom: 1px solid #cccccc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;}#content{ float: center; height: 100%; z-index: 100; padding: 10px 0px 0px 0px; margin:0px 0px 0px 0px;}#footer{ position absolute;}/************* feature styles *****************/.feature{ padding: 0px 0px 10px 10px; font-size: 80%; min-height: 200px; height: 200px;}html>body.feature {height: auto;}.feature h3{ font: bold 175% Arial,sans-serif; color: #000000; padding: 30px 0px 5px 0px;}.feature img{ float: left; padding: 0px 10px 0px 0px;}/*************** story styles ******************//*top right bottom left*/.story { padding: 10px 10% 0px 10%;}.story h3{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #000000;}.story p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000000; padding: 0px 0px 0px 0px;}.story a.capsule{ font: bold 1em Georgia, "Times New Roman", Times, serif; color: #005FA9; display:block; padding-bottom: 5px;}.story a.capsule:hover{ text-decoration: underline;}td.storyLeft{ padding-right: 12px;}/************** siteInfo styles ****************//*top right bottom left*/#siteInfo{ position: absolute; clear: both; width: 100%; background-color: #F5F5F5; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: small; padding: 10px 10px 10px 10px; margin-top: 0%;}#siteInfo img{ padding: 4px 4px 4px 0px; vertical-align: middle;}/*******************end****************************/ <html> <head> <meta name="author" content="Eamon O'Huallachain, admin@ultrapcgear.com"> <meta name="content-language" content="English"> <meta name="revisit-after" content="1 day"> <title>UltraPcGear.com</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="computers, help, components, examples" /> <meta name="keywords" content="Computer Components, Computer Parts, LCD Monitors, Video Cards, Processors and CPUs, Computer Memory, RAM, Laptops, Motherboards, PC Speakers, Sound cards" /> <link href="mycss.css" rel="stylesheet" type="text/css" /> </head> <body><!--pagecell1--><div id="pagecell1"><!--header--> <div id="header"> <a href="http://ultrapcgear.com"><img src="ultrabanner2.jpg" alt="Banner"> </div><!--end pageName--> <!--pageNav--> <div id="pageNav"><center><a href="http://ultrapcgear.com/index.html">HOME</a> | <a href="http://ultrapcgear.com/phpbb/index.php" target="_blank">FORUM</a> | <a href="http://ultrapcgear.com/articles.html">ARTICLES</a> | <a href="http://ultrapcgear.com/reviews.html">REVIEWS</a> | <a href="http://ultrapcgear.com/cblog" target="_blank">BLOG</a> | <a href="http://ultrapcgear.com/mwiki/index.php title=Main_Page" target="_blank">WIKI</a> | <a href="http://ultrapcgear.com/jobs.html">JOBS</a> | <a href="http://ultrapcgear.com/FeedBack_New.html">FEEDBACK</a> | <a href="http://ultrapcgear.com/links.html">LINKS</a> | <a href="http://ultrapcgear.com/resume.html">RESUME</a></center> </div><!--end pageNav--><!--content--> <div id="content"> <div class="story"> <center><h2>News</h2></center><h3><em>January 19th, 2006</em></h3> I have done a lot of reasearch and think I have found a dropship company that will help me get my website off the ground. In the next few weeks I will be added major sections to the website including product pages and helpfull articles. <h3><em>Decemember 18th, 2006</em></h3> I have been working on a lot of different projects the last few months so I have not been able to update the website. Although, all the time away has not been wasted I have found a few different drop ship companies and I can use to setup my store. Now I just need to get a business license, create a merchant account and sign up with one more of these companies to get my business going. I hope to be up and running by the beginning of next year.<h3><em>November 9th, 2006</em></h3> I changed the website from a basic .css site to a more stream lined version. More changes are coming. I added an article and review pages where people can find help and info about current PC products. <h3><em>November 6th, 2006</em></h3> I removed the weather and the Amazon adds cause they didn't go along with the look and feel of the website right now. I am still looking for another moderator and someoneto help me flesh out the website. If you are interested in helping or know anyone that is good and making websites please send them this way. You can email me at info@ultrapcgear.com <h3><em>September 12th, 2006</em></h3> I added a new banner to the top of the page, data stamp and amazon add to the navigation bar, amazon adds in most of the sections, and a weather stamp that shows the current conditions in my home town. <h3><em>September 5th, 2006</em></h3> Still having too much fun playing with the CSS as I design my website. <h3><em>August 28th, 2006</em></h3> I have added a Wiki to the website. It is a mini Wikipedia. Please feel free to add content to make it better. <h3><em>August 9th, 2006</em></h3> Ultra PC Gear is a site dedicated to providing information about the latest hardware and software products on the market today. I started this website in the hopes to provide the average user the answers to the questions they couldn't find on the Internet. I am currently looking for authors to write articles about new products in the market. If you have recently built a new computer or upgraded our existing system write an article about it and get your work published on the web. Please check out the forums.</div><!--end content--> </div><!--end pagecell1--></body></html>
-
Does no one know how to solve this problem??
-
I recently redesigned my site after i learned how to put elements inside elements. (elements is probably the wrong word) I created 4 zones with in the main page cell and i used float commands to make different parts appear at the top and bottom. The issue is that there is no float command for bottom. i have a site info bar at the bottom of the page and it moves up and down depending on the size of the text in the content box. How do i make the site info bar stay at the bottom of the page and stay the same size no matter what is in the size of the content box.Also the page doesn't work right in FireFox because of this problem.This is where the site info bar should be and look like.http://ultrapcgear.com/This is what happens when there is not enough in the content box.http://ultrapcgear.com/articles.html <!--I used notpad to edit the text. still have not figured out all the end and outs of css, but i am having a lof to fun learning about it.--><html> <head> <meta name="author" content="Eamon O'Huallachain, admin@ultrapcgear.com"> <meta name="content-language" content="English"> <meta name="revisit-after" content="1 day"> <title>UltraPcGear.com</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="computers, help, components, examples" /> <meta name="keywords" content="Computer Components, Computer Parts, LCD Monitors, Video Cards, Processors and CPUs, Computer Memory, RAM, Laptops, Motherboards, PC Speakers, Sound cards" /> <link href="mycss.css" rel="stylesheet" type="text/css" /> </head> <body><div id="masthead"></div><!--pagecell1--><div id="pagecell1"> <img alt="" src="tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="tr_curve_white.gif" height="6" width="6" id="tr" /><div id="pageName"> <a href="http://ultrapcgear.com"> <img src="ultrabanner2.JPG" alt="Banner"> </div> <div id="pageNav"> <center><h2>Navigation</h2></center> <center><a href="http://ultrapcgear.com/index.html">HOME</a> <a href="http://ultrapcgear.com/phpbb/index.php" target="_blank">FORUM</a> <a href="http://ultrapcgear.com/articles.html">ARTICLES</a> <a href="http://ultrapcgear.com/reviews.html">REVIEWS</a> <a href="http://ultrapcgear.com/cblog" target="_blank">BLOG</a> <a href="http://ultrapcgear.com/mwiki/index.php?title=Main_Page" target="_blank">WIKI</a> <a href="http://ultrapcgear.com/jobs.html">JOBS</a> <a href="http://ultrapcgear.com/FeedBack_New.html">FEEDBACK</a> <a href="http://ultrapcgear.com/links.html">LINKS</a> <a href="http://ultrapcgear.com/resume.html">RESUME</a></center> </div><div id="content"> <div class="story"> <h2>News</h2><h3>November 9th, 2006</h3> I changed the website from a basic .css site to a more stream lined version. More changes are coming. I added an article and review pages where people can find help and info about current PC products. <h3>November 6th, 2006</h3> I removed the weather and the Amazon adds cause they didn't go along with the look and feel of the website right now. I am still looking for another moderator and someone to help me flesh out the website. If you are interested in helping or know anyone that is good and making websites please send them this way. You can email me at info@ultrapcgear.com <h3>September 12th, 2006</h3> I added a new banner to the top of the page, data stamp and amazon add to the navigation bar, amazon adds in most of the sections, and a weather stamp that shows the current conditions in my home town. <h3>September 5th, 2006</h3> Still having too much fun playing with the CS Sheets as I design my website. <h3>August 28th, 2006</h3> I have added a Wiki to the website. It is a mini Wikipedia. Please feel free to add content to make it better. <h3>August 9th, 2006</h3> Ultra PC Gear is a site dedicated to providing information about the latest hardware and software products on the market today. I started this website in the hopes to provide the average user the answers to the questions they couldn't find on the Internet. I am currently looking for authors to write articles about new products in the market. If you have recently built a new computer or upgraded our existing system write an article about it and get your work published on the web. Please check out the forums.<br /><br /> </div></div><div id="siteInfo"> <img src="" width="44" height="22" /> <a href="#">About Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | ©2006 UltraPcGear.com </div></div></div><!--end pagecell1--></body></html> And the CSS /* Generic Selectors */body { background-color: #B0C4DE; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000000;}h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #000000;}h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color: #000000;}h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000000}/**************** Pseudo classes ****************/:link { color: #0000FF; text-decoration: underline; font-weight: bold;}:visited { color: #FF00FF; text-decoration: underline; font-weight: bold;}:hover { color: rgb(0, 255, 0); font-weight: bold; text-decoration: underline;}:active { color: rgb(255, 0, 102); font-weight: bold; text-decoration: underline;}/************************* ID's *************************//*top right bottom left*/#header { position: absolute; padding: 0px 0% 0px 5%;}#masthead{ position: absolute; top: 0px; left: 2%; right: 2%; width:95.6%;}#pagecell1{ position:absolute; top: 5px; left: 2%; right: 2%; width:95.6%; height: 800px; background-color: #FFFFFF;}#tl { position:absolute; top: -1px; left: -1px; margin: 0px; padding: 0px; z-index: 100;}#tr { position:absolute; top: -1px; right: -1px; margin: 0px; padding: 0px; z-index: 100;}#pageNav{ float: left; width: 100%; height: 50px; padding: 0px 0px 0px 0px; background-color: #F5F5F5; border-bottom: 1px solid #cccccc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;}/*#navigation { position: absolute; z-index: 10; width: 150px; height: 800px; margin: 0; margin-top: 10px; border-right: 15px solid #778899; font-weight: bold;}*//*#content{ padding: 0px 10px 0px 0px; margin:0px 0px 0px 178px; border-left: 1px solid #ccd2d2;}*/#content{ float: left; z-index: 100; padding: 0px 0px 0px 0px; /*top right bottom left*/ margin:0px 0px 0px 0px; }/*top right bottom left*//************* pageName styles ****************/#pageName{ padding: 0px 0px 0px 8%; margin: 0px; border-bottom:1px solid #ccd2d2; }#pageName h2{ font: bold 175% Arial,sans-serif; color: #000000; margin:0px; padding: 0px;}/*#pageName img{ position: absolute; top: 0px; right: 6px; padding: 0px; margin: 0px;*/}/************** feature styles *****************/.feature{ padding: 0px 0px 10px 10px; font-size: 80%; min-height: 200px; height: 200px;}html>body .feature {height: auto;}.feature h3{ font: bold 175% Arial,sans-serif; color: #000000; padding: 30px 0px 5px 0px;}.feature img{ float: left; padding: 0px 10px 0px 0px;}/*************** story styles ******************//*top right bottom left*/.story { padding: 0px 20px 0px 20px; }.story h3{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #000000; }.story p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000000; padding: 0px 0px 0px 0px;}.story a.capsule{ font: bold 1em Georgia, "Times New Roman", Times, serif; color: #005FA9; display:block; padding-bottom: 5px;}.story a.capsule:hover{ text-decoration: underline;}td.storyLeft{ padding-right: 12px;}/************** siteInfo styles ****************//*top right bottom left*/#siteInfo{ position: fixed; clear: both; width: 100%; height: 50px; border-top: 1px solid #cccccc; font-size: small; color: #cccccc; padding: 10px 10px 10px 10px; margin-top: 0%;}#siteInfo img{ padding: 4px 4px 4px 0px; vertical-align: middle;}/*******************end****************************/
-
i have the same menu on ever page of my website. is there a way to only have to create the menu once and load html pages into the body of the website. sort of like frames, but with out having to use frames.My websitehttp://ultrapcgear.comMy Website code <!--I used notpad to edit the text. still have not figured out all the end and outs of css, but i am having a lof to fun learning about it.--><html> <head> <meta name="author" content="Diablo, admin@ultrapcgear.com"> <meta name="content-language" content="English"> <meta name="revisit-after" content="1 day"> <title>UltraPcGear.com</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="computers, help, components, examples" /> <meta name="keywords" content="Computer Components, Computer Parts, LCD Monitors, Video Cards, Processors and CPUs, Computer Memory, RAM, Laptops, Motherboards, PC Speakers, Sound cards" /> <link href="mycss.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <a href="http://UltraPcGear.com"><img src="ultrabanner.JPG" alt="Banner"> </div> <div id="navigation"> <h2>Navigation</h2> <a href="http://ultrapcgear.com/index.html"><strong>HOME</strong></a><br> <a href="http://ultrapcgear.com/phpbb/index.php" target="_blank"><strong>FORUM</strong></a><br> <a href="http://ultrapcgear.com/cblog" target="_blank"><strong>BLOG</strong></a><br> <a href="http://ultrapcgear.com/mwiki/index.php?title=Main_Page" target="_blank"><strong>WIKI</strong></a><br> <a href="http://ultrapcgear.com/cpg/index.php" target="_blank"><strong>PHOTOS</strong></a><br> <a href="http://ultrapcgear.com/jobs.html"><strong>JOBS</strong></a><br> <a href="http://ultrapcgear.com/FeedBack_New.html" target="_blank"><strong>FEEDBACK</strong></a><br> <a href="http://ultrapcgear.com/links.html"><strong>LINKS</strong></a><br> <a href="http://ultrapcgear.com/resume.html"><strong>RESUME</strong></a><br></div><div id="centerDoc"> <h1>Articles</h1> <h2>November 2nd, 2006</h2><h3><a href="http://ultrapcgear.com/windows1.html">Windows Logo Key short cuts</a></h3><li>Windows: Display the Start menu.<br><li>Windows + D: Minimize or restore all windows. <br><li>Windows + E: Display Windows Explorer. <br><li>Windows + F: Display Search for files. <br><li>Windows + Ctrl + F: Display Search for computer. <br><li>Windows + F1: Display Help and Support Center. <br><li>Windows + R: Display Run dialog box. <br><li>Windows + break: Display System Properties dialog box. <br><li>Windows + shift + M: Undo minimize all windows. <br><li>Windows + tab: Move through taskbar buttons. <br><li>Windows + L: Lock the workstation (or switch to the Logon screen w/Fast User Switching enabled). <br><li>Windows + U: Open Utility Manager.<br> </div></body></html> My Css Code /* Generic Selectors */body {background-color: #B0C4DE;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;color: #000000;}h1 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;font-weight: bold;color: #000000;}h2 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;font-weight: bold;color: #000000;border-bottom: 10px solid #6A5ACD;}h3 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;color: #000000}/**************** Pseudo classes ****************/:link {color: #0000FF;text-decoration: underline;font-weight: bold;}/*:visited {color: #00FF00;text-decoration: underline;font-weight: bold;}*/:hover {color: rgb(0, 255, 0);padding-bottom: 5px;font-weight: bold;text-decoration: underline;}:active {color: rgb(255, 0, 102);font-weight: bold;}/************************* ID's *************************/#navigation {position: absolute;z-index: 10;width: 150px;height: 800px;margin: 0;margin-top: 10px;border-right: 15px solid #778899;font-weight: bold;}#centerDoc {z-index: 15;padding: 0 0 20px 210px; /*top right bottom left*/margin-top: 10px;}#header {position: top;border-bottom: 15px solid #778899;}
-
CSS /* Generic Selectors */body {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;color: #333333;background-color: #F9F9F9;}p {width: 80%;}h1 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;font-weight: bold;color: #000000;}h2 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;font-weight: bold;color: #000000;border-bottom: 1px solid #C6EC8C;}h3 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;color: #000000} /**************** Pseudo classes ****************/:link {color: #0000FF;text-decoration: underline;font-weight: bold;}/*:visited {color: #00FF00;text-decoration: underline;font-weight: bold;}*/:hover {color: rgb(0, 255, 0);padding-bottom: 5px;font-weight: bold;text-decoration: underline;}:active {color: rgb(255, 0, 102);font-weight: bold;}/************************* ID's *************************/#navigation {position: absolute;z-index: 10;width: 210px;height: 600px;margin: 0;margin-top: 50px;border-right: 10px solid #FF8C00;font-weight: bold;}#centerDoc {position: absolute;z-index: 15;padding: 0 0 20px 235px; /*top right bottom left*/margin-top: 50px;} and html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>UltraPcGear.com</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="http://ultrapcgear.com/mycss.css" rel="stylesheet" type="text/css"></head><body><h1>UltraPcGear.com</h1><div id="navigation"><h2>The Main navigation</h2><p><a href="http://ultrapcgear.com">Home</a></p><p><a href="http://ultrapcgear.com/phpbb/index.php">Forum</a></p><p><a href="http://ultrapcgear.com/mwiki/index.php?title=Main_Page">Wiki</a></p><p><a href="http://ultrapcgear.com/jobs.html">Jobs</a></p><p><a href="http://ultrapcgear.com/contact.html">Contact</a></p></div><div id="centerDoc"><h1>Welcome to UltraPcGear.com</h1><h2>News</h2><p><h3>August 28th, 2006</h3>I have added a Wiki to the website. It is a mini Wikipedia. Please feel free to add content to make it better.<h3>August 9th, 2006</h3>Ultra PC Gear is a site dedicated to providing information about the latest hardware and software products on the market today. I started this website in the hopes to provide the average user the answers to the questions they couldn't find on the Internet. I am currently looking for authors to write articles about new products in the market. If you have recently built a new computer or upgraded our existing system write an article about it and get your work published on the web. Please check out the forums. </p></div></body></html>
-
i just finished learning to make css from http://www.killersites.com . the best tutorial i have found so far. the problem is my site works fine in IE, but on in Netscape or FireFox. this is my website:www.ultrapcgear.com