Welcome to The Forum

Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads

Please help with coding.


DeathVash
 Share

Recommended Posts

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;

}

Link to comment
Share on other sites

Guest The_Monkey

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

@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 =(

Link to comment
Share on other sites

Guest The_Monkey

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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 by DeathVash
Link to comment
Share on other sites

Guest The_Monkey
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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share