DeathVash Posted November 15, 2010 Share Posted November 15, 2010 Hey guys. I need help badly. I am taking a course on html coding and I am stuck on one key thing. My site is up and running but the borders are too center and close. Its hard to explain you can check the site what I mean. Its like a yellow paper in a sea of blue and I just want to have the blue show a bit and also now my text is pushed down for no reason. If anyone can help I would really apperciate it. Here is the site: www2.bc.edu/~chaconje/Case/casehome.html Here is the css file I made for it exactly the way it is now. #wrapper { width:680px; min-width: 680px; margin: 0 auto; background-color: #ffffcc; color: #003300; padding-left: 10px; } #leftcolumn { float: left; width: 150px; } #leftcolumn a { display: block; margin: 0 15px 15px 15px; } #rightcolumn { margin: 0 150px; padding: 0 20px 20px 0; } body { background-color: #003366; color: #003366; font-family: Ariel, Helvetica, sans-serif; background-image: url ('primevertical.png'); } h2 { background-color: #FFFFCC; color: #003366; } h3 { background-color: #FFFFCC; color: #006600; } dd { font-size: .90em; line-hight: 200%; } h1 { background-color: #FFFFCC; color: #48751A; } #nav { font-weight: bold; font-size: 1.2em; } #contact { font-weight: bold; font-size: .90em; font-family: Times New Roman, seerif; } #footer { font-size: .60em; font-weight: italic; } .property { padding-right: 30px; padding-top: 5px; float: left; } img { border: none; } Quote Link to comment Share on other sites More sharing options...
Guest The_Monkey Posted November 15, 2010 Share Posted November 15, 2010 Blue show a bit, please explain? Quote Link to comment Share on other sites More sharing options...
Guest The_Monkey Posted November 15, 2010 Share Posted November 15, 2010 This is just a preliminary inspection of your CSS Things I'd remove marked in red, additions in yellow: #wrapper { width:680px; min-width: 680px; margin: 0 auto; background-color: #ffffcc; color: #003300; padding-left: 10px; } #leftcolumn { float: left; width: 150px; } #leftcolumn a { display: block; margin: 0 15px 15px 15px; } #rightcolumn { margin: 0 0 0 150px; padding: 0 20px 20px 0; } body { background-color: #003366; color: #003366; font-family: Ariel, Helvetica, sans-serif; background-image: url ('primevertical.png'); } h2 { background-color: #FFFFCC; color: #003366; } h3 { background-color: #FFFFCC; color: #006600; } dd { font-size: .90em; line-hight: 200%; } h1 { background-color: #FFFFCC; color: #48751A; } #nav { font-weight: bold; font-size: 1.2em; } #contact { font-weight: bold; font-size: .90em; font-family: Times New Roman, seerif; } #footer { font-size: .60em; font-weight: italic; } .property { padding-right: 30px; padding-top: 5px; float: left; } img { border: none; } Also, move your inclusion of the stylesheet into the head section, fix your syntax on your tags ( br's should be <br /> ) and change your doctype to strict. Quote Link to comment Share on other sites More sharing options...
DeathVash Posted November 15, 2010 Author Share Posted November 15, 2010 im doing what your saying but i dont get where the inclusion is and exactly where to put it. i dont know much. honestly man my professor split us in two groups. one who know somethings with coding and some who dont know shit. i know some but i never created borders and margins before so this is my snag. i dont know how to make it strict. the br tags i can fix Quote Link to comment Share on other sites More sharing options...
DeathVash Posted November 15, 2010 Author Share Posted November 15, 2010 it worked but the boarder is still too big. the blue should only be like an inch thick and the rest should be yellow background of the body. idk how to explain it. and my text is still spaced down too far Quote Link to comment Share on other sites More sharing options...
Kiri-Jolith Posted November 15, 2010 Share Posted November 15, 2010 he's saying this: <link href="prime.css" rel="stylesheet" type="text/css" /> needs to be in your head section and not where it is right now. I'm not sure how to do the doc type to strict though lol. Quote Link to comment Share on other sites More sharing options...
DeathVash Posted November 15, 2010 Author Share Posted November 15, 2010 i did it and it still doesnt work. I have no idea what I am doing wrong. and nonetheless i just realized for some reason in listings my second listing is all the way to the left when the first one is centered the way it should be Quote Link to comment Share on other sites More sharing options...
enigma# Posted November 15, 2010 Share Posted November 15, 2010 @Kiri I'm gonna guess you're talking about DOC Types for HTML documents (derp?) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> or <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> or <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> People would typically use the two above for strict DOC types (not the third as often) though... @Xdeath You may want to then consider use frames or the <div> tag... I haven't done XHTML for awhile mind you =( Quote Link to comment Share on other sites More sharing options...
Guest The_Monkey Posted November 15, 2010 Share Posted November 15, 2010 I think i understand now. The blue is to be a border of about an inch thick around the content wrapper. The body will have like a yellow background. I'll mock it up and post a link. Quote Link to comment Share on other sites More sharing options...
Guest The_Monkey Posted November 15, 2010 Share Posted November 15, 2010 Are you saying it should look like this: http://monkeycodeworks.com/casehome.html Quote Link to comment Share on other sites More sharing options...
DeathVash Posted November 16, 2010 Author Share Posted November 16, 2010 kind of hang on let me take a pic from the book and show you. here in the first two pics that is how the border should be. sorry if its not so good i had to do megaupload cause file is too big for here. http://www.megaupload.com/?d=PYIFDIVP if you can private message me your email i can send you a forward copy of it stored on my email Quote Link to comment Share on other sites More sharing options...
Guest The_Monkey Posted November 16, 2010 Share Posted November 16, 2010 upload it to your webspace and provide a link. Quote Link to comment Share on other sites More sharing options...
DeathVash Posted November 16, 2010 Author Share Posted November 16, 2010 there is no way for me to do it. i have no access webspace on this terminal. i have to go back on campus to upload it. Quote Link to comment Share on other sites More sharing options...
Guest The_Monkey Posted November 16, 2010 Share Posted November 16, 2010 use zhost: zhost.hellsgamers.com please Quote Link to comment Share on other sites More sharing options...
DeathVash Posted November 16, 2010 Author Share Posted November 16, 2010 (edited) here you go http://zhost.hellsgamers.com/u/44/newdocument.pdf i also sent you a pm and let me know what you can do and what you think thanks the new link is the latest thing i forgot and its key that gets done first nothing im doing is working here http://zhost.hellsgamers.com/u/d9/missing_part.pdf Edited November 16, 2010 by DeathVash Quote Link to comment Share on other sites More sharing options...
Guest The_Monkey Posted November 16, 2010 Share Posted November 16, 2010 LOL...there isn't a border around the wrapper dude That is just that the screenshot in the book is a small resolution. That "border" you see, is just the body background color, which should be that tone of blue. So it should look similar to this: http://monkeycodeworks.com/casehome.html Quote Link to comment Share on other sites More sharing options...
DeathVash Posted November 16, 2010 Author Share Posted November 16, 2010 hm thats weird it says in the book it should and in the full color picture it is. now im more confused but i trust you man Quote Link to comment Share on other sites More sharing options...
GoCrzy Posted November 17, 2010 Share Posted November 17, 2010 Jumping back to the doctype, why not just make it <!doctype html>? A lot easier to deal with imo. Quote Link to comment Share on other sites More sharing options...
Guest The_Monkey Posted November 17, 2010 Share Posted November 17, 2010 Jumping back to the doctype, why not just make it <!doctype html>? A lot easier to deal with imo. Being able to validate with the sgml and tidy parsers are possibly the single most handy things ever. Using a strict doctype with valid code will guarantee quirks free renders of a site. Plus, it encourages good coding practices instead of being a lazy fuck like you for even suggesting that doctype. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.