/    Sign up×
Community /Pin to ProfileBookmark

Hi,

Don’t know why my timetable wont go below the logo. Could I get some help please,

Thanks in advance !!

<!DOCTYPE
html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<title>Timetable</title>
<meta name=”Generator” content=”EditPlus” />
<meta name =”Author” content =”Matthew Zarrillo” />
<meta name =”Keywords” content =”web site design” />
<meta name =”Description” content =”” />

<style>

body {
margin-top: 5;
margin-left: 5;
margin-right: 5;
padding: 0;
background-color: #0191C8;
text-align: center;
}

#container {
position: relative;
width: 100%;
border: 2px solid #000000;
top: 10px;
clear: both;
padding: 0;
background-color: #FFFFFF;
}

#header {
width: 330px;
height: 126px;
background-color: #FFFFCC;
border-bottom: 8px solid #999999;
}

#content {
float: right;
height:430px;
width: 500px;
background-color: #FFFFFF;
padding: 0;
margin: 3;
}

#sidebar {
float: left;
height:200px;
width: 200px;
top: 0;
right: 0;
background-color: #EEEEEE;
margin: 3;
text-align: left;
padding-left: 0px;
padding-top: 15px;
border: 4px solid #999999;
}

#footer {
background-color: #CCCCCC;
clear: both;
border-top: 2px solid #999999;
}

</style>

<body>

<div id=”container”>

<div id=”header”>

<img src=”images/sheridanlogo.jpg” alt=Logo width=”330″ height=”126″/>
<h1> Shine Brighter </h1>

</div>

<div id=”content”>
<h1> Your Timetable </h1>
<table border=”3″ width=”300px” height=”300px”>

<tr>
<td>

</table>
</div>

<div id=”sidebar”>
<ul>
<li><a href=’#’>Home</li>
<li><a href=’#’>Timetable</li>
<li><a href=’#’>Calendar</li>
<li><a href=’#’>Grades</li>
<li><a href=’#’>Email</li>
</ul>
<ul>
To do List
<li><a href=’#’>Am</li>
<li><a href=’#’>Pm</li>
</ul>
</div>

<div id=”footer”>
Copyright
</div>

</div>

</body>
</html>

to post a comment
HTML

2 Comments(s)

Copy linkTweet thisAlerts:
@Big_O_1_Apr 04.2011 — I'm seeing some HTML and CSS errors in your code. In your CSS you have:

[CODE]
margin-top: 5;
margin-left: 5;
margin-right: 5;
[/CODE]


I don't think that will work. You want a margin of 5 what? You have to give it a unit like pixels, em, or percentage. Read this

You HTML is also invalid. You never closed the following two anchor tags:
[CODE]
<li><a href='#'>Am</li>
<li><a href='#'>Pm</li>
[/CODE]


I don't know if these are the problems that are causing your issue but it would be a good place to start.
Copy linkTweet thisAlerts:
@mattzarrauthorApr 04.2011 — Thank you for your help but what my problem is, is that when I set my content float to center I don't know why my navigation is forced down the page. I would like it to be on the same line as my table. Could someone please suggest a fix..

I have my code attached below..

thanks in advance!!

<!DOCTYPE

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Timetable</title>

<meta name="Generator" content="EditPlus" />

<meta name ="Author" content ="Matthew Zarrillo" />

<meta name ="Keywords" content ="web site design" />

<meta name ="Description" content ="" />

<style>

body {

margin-top: 5;

margin-left: 5;

margin-right: 5;

padding: 0;

background-color: #0191C8;

text-align: center;

}

#container {

position: relative;

width: 100%;

border: 2px solid #000000;

top: 10px;

clear: both;

padding: 0;

background-color: #FFFFFF;

}

#header {

width: 330px;

height: 126px;

background-color: #FFFFCC;

border-bottom: 8px solid #999999;

}

#content {

float: center;

height:430px;

width: 500px;

background-color: #FFFFFF;

padding: 0;

margin: 3;

}

#sidebar {

float: left;

height:200px;

width: 200px;

top: 0;

right: 0;

background-color: #EEEEEE;

margin: 3;

text-align: left;

padding-left: 0px;

padding-top: 15px;

border: 4px solid #999999;

}

#footer {

background-color: #CCCCCC;

clear: both;

border-top: 2px solid #999999;

}

</style>

<body>

<div id="container">

<div id="header">

<img src="images/sheridanlogo.jpg" alt=Logo width="330" height="126"/>

<h1> Shine Brighter </h1>

</div>

<div id="content">

<h1> Your Timetable </h1>

<table border="3" width="300px" height="300px">

<tr>

<td>

</table>

</div>


<div id="sidebar">

<ul>

<li><a href='#'>Home</li>

<li><a href='#'>Timetable</li>

<li><a href='#'>Calendar</li>

<li><a href='#'>Grades</li>

<li><a href='#'>Email</li>

</ul>

<ul>

To do List

<li><a href='#'>Am</li>

<li><a href='#'>Pm</li>

</ul>

</div>

<div id="footer">

Copyright

</div>

</div>

</body>

</html>
×

Success!

Help @mattzarr 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.5,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...