I don’t want any white space at the top.
Here is the CSS:
/* CSS Document */
body {
background-color:#fff;
background-image:url(../images/backgrounds/body.gif);
background-position:center;
background-repeat:repeat-y;
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-size:10px;
color:#777;
}
#container {
width:945px;
margin:0 auto;
}
#header {
height:185px;
width: 945px;
background:url(../images/header.jpg) top center no-repeat;
}
#header h1 {
text-align:center;
font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
font-size:30px;
color:#333;
margin:0;
font-weight:normal;
}
#header h1 strong {
color:#A85BA6;
}
#header h1 a {
color:#333;
text-decoration:none;
}
#header h2 {
font-size:11px;
font-weight:normal;
text-align:center;
color:#999;
}
#header ul {
margin:20px 0 0 0;
padding:0;
}
#header li {
margin:0;
padding:0;
list-style:none;
float:left;
}
#header li a {
display:block;
padding:7px;
color:#999;
text-decoration:none;
border-bottom:5px solid #fff;
margin:0 10px 0 0;
font-size:10px;
}
#header li a:hover {
color:#000;
border-bottom:7px solid #000000;
padding:5px 7px 7px 7px;
}
#header li a em {
font-style:normal;
text-decoration:underline;
}
#sidebar {
float:right;
width:164px !important;
width:154px;
margin:10px 10px 10px 0;
}
#sidebar h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin:10px 5px 15px 10px;
}
#sidebar p {
padding:5px;
margin:5px 5px 5px 10px;
line-height:17px;
word-spacing:-1px;
}
ul.submenu {
margin:0;
padding:0;
}
.submenu li {
marign:0;
padding:0;
list-style:none;
}
.submenu a {
display:block;
height:13px;
padding:7px 7px 7px 17px;
margin:1px 0 0 0;
background-color:#fff;
background-image:url(../images/backgrounds/submenua_normal.jpg);
background-position:left;
background-repeat:repeat-y;
}
.submenu a:hover {
background-image:url(../images/backgrounds/submenua.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;
padding:7px 7px 7px 15px;
}
.submenu a:focus {
background-image:url(../images/backgrounds/submenua.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;
padding:7px 7px 7px 15px;
}
.submenu a:active {
background-image:url(../images/backgrounds/submenua.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;
padding:7px 7px 7px 15px;
}
.note {
padding:10px;
background-color:#eee;
border:1px solid #ccc;
margin:20px 5px 20px 5px;
}
#content {
margin:10px 185px 10px 10px;
}
#content h1 {
font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
border-bottom:1px solid #eee;
padding:5px;
color:#000;
}
#content h1 a {
color:#000;
text-decoration:none;
display:block;
background-image:url(../images/backgrounds/h1.png);
background-position:right;
background-repeat:no-repeat;
}
#content h1 a:hover {
color:#444;
background-image:url(../images/backgrounds/h1_hover.png);
}
#content h2 {
font-size:11px;
color:#ccc;
margin:10px 0 10px 0;
padding:5px;
}
#content p {
padding:5px;
line-height:18px;
word-spacing: 0.1em;
}
#content .article_menu {
text-align:right;
padding:5px;
margin:10px 0 20px 0;
border-top:1px solid #eee;
}
#content .article_menu b {
float:left;
font-weight:normal;
}
#content .article_menu a {
padding:0 0 0 15px;
background-image:url(../images/backgrounds/comment.png);
background-position:left;
background-repeat:no-repeat;
color:#333;
text-decoration:none;
}
#content p a {
color:#333;
text-decoration:none;
}
#content p:hover a {
border-bottom:1px dotted #000;
}
#content p:hover a:hover {
border-bottom:1px solid #000;
}
#content .article_menu a:hover {
color:#000;
background-image:url(../images/backgrounds/comment_hover.png);
}
#content ul {
margin:0 0 0 15px;
padding:0;
border-top:1px solid #f6f6f6;
}
#content li {
margin:5px 0 5px 0;
border-bottom:1px solid #f6f6f6;
padding:0 0 5px 20px;
list-style:none;
background-image:url(../images/backgrounds/arrow.png);
background-position:top left;
background-repeat:no-repeat;
color:#999;
}
#content blockquote {
background-color:#f6f6f6;
margin:4px;
padding:5px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
#content blockquote p {
marign:0;
padding:0 10px 0 10px;
}
.comment_odd {
background-color:#f6f6f6;
padding:10px;
border-top:1px solid #fff;
border-bottom:1px solid #eee;
}
.comment_even {
padding:10px;
background-color:#fcfcfc;
border-top:1px solid #fff;
border-bottom:1px solid #eee;
}
.comnum {
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#ccc;
}
input, textarea {
background-color:#fff;
border:1px solid #ccc;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#777;
}
#footer {
background-color:#eee;
border-top:2px solid #ccc;
padding:10px;
text-align:center;
}
a {
color:#333;
text-decoration:none;
}
Here is the HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>[ SIX SHOOTER MEDIA FREE CSS TEMPLATE ] - Home</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/1.css" type="text/css" media="screen,projection" />
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:296px;
top:200px;
width:182px;
height:0px;
z-index:1;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="header">
<h2> </h2>
<h2> </h2>
<h2> </h2>
<h2> </h2>
<h2> </h2>
<h2> </h2>
<h2> </h2>
<p> </p>
</div>
<div id="content">
<h1> </h1>
<h1> </h1>
<h1><a href="#intro" id="intro">Introduction</a></h1>
<h2>Everyting needs an intro!</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<div class="article_menu">
<b>Posted on Thursday 08 December 2005</b> <a href="#">28 Comments</a>
</div>
<h1> </h1>
</div>
<div id="footer">
<p>
</p>
</div>
</div>
</body>
</html>
any help please?!
why the fuck do you have a bunch of h2’s in your header
get rid of them,
body style: margin-top:0px;
dont make bg image in header, just insert image in header div
or you can do bg image in header, nothing in there, just specify exact width and height and position absolute of header
Using a CSS reset may help if the above does not cure it:
|
why the fuck do you have a bunch of h2’s in your header
get rid of them, |
Ok…it worked in dreamweaver but when I go to preview it in the browser it still shows up
|
Ok…it worked in dreamweaver but when I go to preview it in the browser it still shows up |
what browser?
safari and mozilla
you stupid fuck are you listening to me
i told you to get rid of the fucking h2’s in the header
you dont need to use spacers anymore bro
or just do this and gypsy it
h2 {
padding:0px;
margin:0px;
}
body {
margin-top:0px;
}
|
you stupid fuck are you listening to me
i told you to get rid of the fucking h2’s in the header you dont need to use spacers anymore bro or just do this and gypsy it h2 { |
you da man
you need to stop using spaces ( ) for positioning elements
How do I position then lol
This is my first time actually buidling a css site….Ive worked with it in vb before though
|
How do I position then lol
This is my first time actually buidling a css site….Ive worked with it in vb before though |
Just use padding/margins on various html elements (div, p)
oooh didnt think about padding
if you’re using padding/margin and the div isn’t moving, make sure to include position:relative (or absolute on rare occasions)
I’m assuming a
body-position: center
css declaration does the same thing as having
<div align="center">
with all other divs nested inside?
I do this now, and just left align anything that needs to be through align="left" or text-align: left;
Would be stoked if body-position: center works
|
I’m assuming a
body-position: center css declaration does the same thing as having <div align="center"> with all other divs nested inside? I do this now, and just left align anything that needs to be through align="left" or text-align: left; Would be stoked if body-position: center works |
do a margin: 0px 0px 0px 0px; to get no spaces around any of the edges… put your background image in this div.
Then make your container div. If you’re doing liquid, do this: position:relative; width:80%; left:10%; display:block;. If you’re doing a fixed size, do this: width:1000px; text-align:center. If you’re doing a fixed size, you’ll have to make a container within the container that simply states: text-align:left.
Right on, right on. Never even thought about that…
Why text-align: center?
Slightly redundant?
why you tryin to act all smart with big words when you dont even know what they mean son
Remind me never to ask for help on here
|
Right on, right on. Never even thought about that…
Why text-align: center? Slightly redundant? |
This will center the main container in the page since IE doesn’t respond well to margin:auto; The second container will left-align everything in the main container
sen, never ask for help on here.
you’re welcome
how do I actually center the body of the conetent?
I tried <center> </center> but it only centers the text
|
how do I actually center the body of the conetent?
I tried <center> </center> but it only centers the text |
text-align:center… if i understand what you’re asking.
shit…problem
so my buddy has his content in a word document, formatted the way he wants it….It wont copy and paste to dreamweaver formatted, is there a way to do this?
|
shit…problem
so my buddy has his content in a word document, formatted the way he wants it….It wont copy and paste to dreamweaver formatted, is there a way to do this? |
all I did was save the word file as html but now I need to figure how to adjust the margins of the text
|
all I did was save the word file as html but now I need to figure how to adjust the margins of the text |
It’d be easier to copy/paste the text and then format it yourself. Saving a word document as a html file will give you the most god awful code ever…. ever
Yeah I know but its a upsell blog type thing so its pages and pages long of text and shit to get people to buy his shit….lol
rofl I am so retarded….I havent worked with HTML in soooo long…only been doing php/css coding
what charset does word use
|
sen, never ask for help on here.
you’re welcome |
Phew.. Thanks mate! I was juuust about to ask for help.
He’s using fucking dreamweaver.
You still at state broheim? I’m going to be there this weekend
Yea I am…im in the metro D for the brand new concert tomorrow but Im driving back up after to get shitty for the game
nice this weekends going to be in tents with the game. What dorm are you in? My girlfriend lives in Mason