/    Sign up×
Community /Pin to ProfileBookmark

Problem with #header h1.

Hello Folks. First, i must admit how helpful you have been since i signed up here. Thank you all.

Im following a PHP course and this is the code of the stylesheet

[CODE] /*SITE COLORS :
#1A446C – Blue grey
#689DC1 – Light blue
#D4E6F4 – Very light blue
#EEE4B9 – Light tan
#8D0D19 – Burgundy

*/

html { height: 100%; width: 100%; }

body { height: 100%; width: 100%; margin: 0; padding: 0; border: 0; background: #FFFFFF;
font: 13px/15px Verdana, Arial, Helvetica, sans-serif; }

img { border: none;}

table, tr, td { border-collapse: collapse; vertical-align: top;
text-align: left;
font: 13px/15px Verdana, Arial, Helvetica, sans-serif; }

a {color: #8D0D19;}

#header{ height: 70px; text-align: left; background: #1A446C; color: #D4E6F4; }

#header h1 { padding: 1em; margin: 0; }

/*Note: IE 5 & 6 won’t understand min-height */

#main {min-height: 600px; width: 100%; background: #EEE489; padding: 2em; }
#footer { height: 2em; padding: 1cm; text-align: center;
background: #1A446C; color: #D4E6F4; }

table.bordered tr th, table.bordered tr td { border: 1px solid #000000;}

[/CODE]

Now the page is supposed to turn out like this
[ATTACH]16559[/ATTACH]

But instead here is the Top due to error
[ATTACH]16557[/ATTACH]

And the bottom due to error. The MENU is here i
[ATTACH]16555[/ATTACH]

The MENU, is supposed to be up and not at the bottom.

Please help me, im not too proficient in CSS

And here are the header and footer codes. I hope they help too

Header

[code=html] <!DOCTYPE html>
<html lang=”en”>
<head>

<title>Zoomie Gallery: Admin</title>
<link href=”../stylesheets/main.css” media=”all” rel=”stylesheet” type=”text/css”/>
</head>
<body>
<div id=”header”>
<h1>Your Zoomie Gallery: Admin</h1>
</div>
<div id=”main”>
</div>
</body>
</html>

[/code]

Footer

[code=html] </div>
<div id=”footer”>Copyright <?php echo date(“Y”, time());?>, Timothy Emmanson. Nailancer</div>
</body>
</html>

<?php if(isset($database)) {$database->close_connection();} //If the database connection is there, then close it?>
[/code]

Thank you very much.

[canned-message]attachments-removed-during-migration[/canned-message]

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@mrtidyauthorFeb 16.2015 — Hey Folks!!! I have debugged it myself. It was indeed a HTML issue and not CSS. I was separated my header and footer and attached my layout to them so that wherever i include header or footer, the layout comes together with it. Pretty smart ei? Anyways, i was supposed to leave the html code on the header incomplete. i.e stop at main' and not close tags of body, head and html. That was why i ran into that error. I removed them those closing tags and Viola!!.


[B]THIS[/B]

[CODE]!DOCTYPE html>
<html lang="en">
<head>

<title>Zoomie Gallery: Admin</title>
<link href="../stylesheets/main.css" media="all" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="header">
<h1>Your Zoomie Gallery: Admin</h1>
</div>
<div id="main">
</div>
</body>
</html>[/CODE]



[B]WAS SUPPOSED TO BE THIS[/B]

[CODE]!DOCTYPE html>
<html lang="en">
<head>

<title>Zoomie Gallery: Admin</title>
<link href="../stylesheets/main.css" media="all" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="header">
<h1>Your Zoomie Gallery: Admin</h1>
</div>
<div id="main">[/CODE]



Spent some more time on the code and figured out the issue. Thanks anyway. I hope someone else learns from it. :-)
Copy linkTweet thisAlerts:
@EpicWebsFeb 20.2015 — Good job, nice to see you got it sorted!
Copy linkTweet thisAlerts:
@mrtidyauthorFeb 22.2015 — Thank you, EricWebs :-)
×

Success!

Help @mrtidy spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...