laurie_m
-
Posts
7 -
Joined
-
Last visited
laurie_m's Achievements
Newbie (1/7)
0
Reputation
-
G'day Bal,Your english is good enough for me to understand what you want.I have exactly what you want on my website. Copy what you need from the source code. Click on the link in my signature to get there.I suppose you know how to open the source code?Here is the css that you need: long_code_here = ';#navlist ul{margin-left: 0;padding-left: 0;white-space: nowrap;}#navlist li{display: inline;list-style-type: none; font-family: verdana, sans-serif; font-size:9pt;}#navlist a { padding: 3px 15px; }#navlist a:link, #navlist a:visited{color: #000000;background-color: #ffffff;text-decoration: none;border: 1px solid orange;}#navlist a:hover{color: #000000;background-color: rgb(255, 226, 178);text-decoration: none;} Please let me know how you go with it. It took me weeks to learn how to do this and you've got it for free, just for asking.Regards,Laurie.
-
Now Cez,I've had another look at your code in both the CSS and BODY. I think you have a number of things way up the spout.Try the code as I've redone it. long_code_here = ';body { width:630px; margin:0 auto; background-attachment: scroll; background-position: left top; background-image: url(images/bodybackground.png); font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}#leftbar { background-image: url(images/leftbar.png); background-repeat: no-repeat; background-position: left top; height: 800px; width: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: #000000; border-right-width: 1px; border-right-style: solid; border-right-color: #000000; float: left; display: block;}#topbar { background-color: #5C7D98; height: 32px; width: 606px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; display: block; border-right-width: 1px; border-right-style: solid; border-right-color: #000000;}#banner { background-color: #FFFFFF; float: left; height: 190px; width: 606px; display: block; border-right-width: 1px; border-right-style: solid; border-right-color: #000000;}#split { background-color: #5C7D98; width: 606px; float: left; height: 20px; display: block; border-right-width: 1px; border-right-style: solid; border-right-color: #000000;}#copyright { background-image: url(images/copyright3.png); background-repeat: no-repeat; height: 21px; width: 606px; float: left; border-top-width: 1px; border-top-style: solid; border-top-color: #000000;}#nav { background-image: url(images/nav2.png); background-repeat: no-repeat; height: 22px; width: 606px; float: left; display: block; border-right-width: 1px; border-right-style: solid; border-right-color: #000000;}#contentbg { background-image: url(images/content3.png); background-color: #7C98AF; float: left; height: 532px; width: 606px; display: block; border-right-width: 1px; border-right-style: solid; border-right-color: #000000;}#latestupdates { background-image: url(images/subnav.png); float: left; height: 328px; width: 171px; margin-left: 7px; display: inline;#stats {background-image: url(images/stats.png);float: left;height: 184px;width: 171px;margin-left: 7px;display: inline;clear: both;}#content { background-color: #7C98AF; height: 512px; width: 411px; margin-left: 8px; float: left; clear: right; display: block;}.navtxt { color: #FFFFFF; margin-top: 3px; margin-bottom: 3px; margin-left: 6px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}.headingtxt { color: #FFFFFF; margin-top: 8px; margin-left: 3px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}.boxtxt { margin-top: 20px; color: #FFFFFF; margin-left: 5px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}.copyrighttxt { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: white; margin-left: 3px; margin-top: 2px;} long_code_here = ';<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Habbo Rares</title><link href="stylesheet.css" rel="stylesheet" type="text/css"></head><body><div id="leftbar"></div><div class="headingtxt" id="topbar"></div><div id="banner"></div><div id="split"></div><div class="navtxt" id="nav"><center>habbo rares | habbo uk | habbo us | habbo ca | habbo au | habbo sg | habbo international</center></div><div id="contentbg"></div><div class="boxtxt" id="latestupdates"> Latest updates here </div><div class="boxtxt" id="content"> Content here. If you would like to lower textt or move it more the right simply change the margain-left and margain-top pixel values of that ID or Class. </div><div class="copyrighttxt" id="copyright"> <center>Copyright 2004 Sulake, Inc. All Rights Reserved. Used With Permission. | Disclaimer</center></div></div></div></body></html> I see that you had a background image in the content and also a background color in the contentbg. The background color was bigger than the content. Maybe you were trying to have an overall background color and an image only in the content. If this is the case, then you went about it wrong.The background color should be in a div called #container in the stylesheet.In the body, first thing after <body> you should have <div container> followed by all the other stuff, and then at the bottom of the page, you should have </div></body></html> If this is what you were trying to do, you'll need to make some adjustments to my version of your code.Check that I have the div and /divs right at the bottom.You need more information in your head section.In stylesheet you don't have any headings. You should use heading text for your headings for SEO purposes.Please don't be offended by the following: Looks to me like you've downloaded a template from the web and in doing so have taken on something beyond you at this stage. Either get stuck into the W3C tutorials or go for a more basic setup. You need to learn to do your own coding which ever way you choose to go.Please let me know how you get on with it. I've put a lot of effort into this.Regards,Laurie.
-
Sorry mate. Sure looks wrong to me.I see that the placing of divs looks odd, further down the page also. Check out whether they are correct.Laurie.
-
Looks to me like you need an extra /div on the end of the following: long_code_here = ';<div id="nav"><div id="navtxt"> <div class="navtxt"><center>habbo rares | habbo uk | habbo us | habbo ca | habbo au | habbo sg | habbo international</center></div></div> You have 3 x div and only 2 x /div so the rest of the page thinks it's in the navigation pane.Regards,Laurie.
-
Hey Cez,You seem to be missing a /div on navHave a good check and see if that's correct.Regards,Laurie.
-
Thanks for the encouraging words Brendon. It displays fine in FF because I've got the content section surrounded by a table. I think that there must be a better/propper way.I went to CSS to cut down on the amount of code on the page, especially table code, but am dissapointed that I've been forced back to the old way in this case.Regards,Laurie.
-
Hi. New here.I'm in the process of changing my site from html to xhtml with a remote CSS.Page displays fine in IE but not in FF.In FF I must put the content section in a table, otherwise the images all move down to the bottom of sidebar a or the bottom of sidebar b if I have three sidebars on the page.This doesn't seem correct. Should I be using some other tag or is there a problem in my CSS?My homepage is one such page:Wilderness Landscape Photography long_code_here = ';<style type="text/css">body{background-color : white;}h1{font-family: comic sans ms, sans-serif; font-size:20pt; margin-bottom:0px;}h2{font-family: verdana, sans-serif; font-size:12pt; margin-bottom:0px;}h3{font-family: verdana, sans-serif; font-size:9pt; margin-bottom:0px;}h4{font-family: verdana, sans-serif; font-size:9pt; color: #006600; margin-bottom:0px;}h5{font-family:comic sans ms, sans-serif; font-size:14pt; margin-bottom:0px; color: orange; text-align: center;background-color: rgb(255, 226, 178); border: 1px solid orange; width: 40%;}#navlist ul{margin-left: 0;padding-left: 0;white-space: nowrap;}#navlist li{display: inline;list-style-type: none; font-family: verdana, sans-serif; font-size:9pt;}#navlist a { padding: 3px 15px; }#navlist a:link, #navlist a:visited{color: #000000;background-color: #ffffff;text-decoration: none;border: 1px solid orange;}#navlist a:hover{color: #000000;background-color: rgb(255, 226, 178);text-decoration: none;}#container {width: 948px;\width: 948px;w\idth: 948px;border: 2px solid orange;margin-top: 8;margin-left: 8px;margin-right: 8;margin-bottom: 0px;padding: 8px;}#banner {padding: 3px;margin-bottom: 0px;background-color: white;}#banner img {margin-right: 16px;}#content {padding: 3px;margin-left: 0px;margin-right: 200px;background-color: white;font-family: verdana, sans-serif;font-size: 9pt;}#sidebar-a {float: right;width: 186px;\width: 186px;w\idth: 186px;border: 1px solid orange;margin: 0;margin-left: 0px;padding: 6px;background-color: rgb(255, 226, 178);font-family: verdana, sans-serif;font-size:9pt;}#sidebar-b {clear: right;float: right;width: 186px;\width: 186px;w\idth: 186px;border: 1px solid orange;margin: 0px;margin-top:0px;margin-left: 0px;padding: 6px;background-color: rgb(255, 226, 178);font-family: verdana, sans-serif;font-size:9pt;}#sidebar-c {clear: right;float: right;width: 186px;\width: 186px;w\idth: 186px;border: 1px solid orange;margin: 0px;margin-top:0px;margin-left: 0px;padding: 6px;background-color: rgb(255, 226, 178);font-family: verdana, sans-serif;font-size:9pt;}#footer {clear: both;padding: 8px;margin-top: 8px;background-color: rgb(255, 226, 178);font-size:7pt;font-family: verdana, sans-serif;border: 1px solid orange;}div.c1 {text-align: center;}span.c4 {color: #808080; text-decoration: underline; font-weight: bold;}li.c1 {list-style: none;}img.right {float:right; border:1px solid black; margin:6px 0px 6px 6px; }img.left {float:left; border:1px solid black; margin:6px 6px 6px 0px;}</style> Code Author: I put the above code together with reference to W3C schools and other sources.With thanks,Laurie.