Help With CSS - Programming

Help With CSS - Programming - Nairaland

Nairaland Forum › Science/Technology › Programming › Help With CSS (1375 Views)

Help With CSS by babajeje123(op): 7:46am On Mar 06, 2018

Please, how do I take the right div to the top? I'm a beginner in css

The html is given below:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
#header   {background-color: #000000;
			color: #FFFFFF;
			text-align: center;
			padding: 5px;
			}

body		{margin: 0;}

#nav		{line-height: 30px;
			 background-color:#eeeeee;
			 width: 10%;
			 height: 500px;
			 float: left;
			 padding: 5px;
			 text-align: center;}

#content	{width: 60%;
			 float: left;
			 padding: 10px;}

#right-content		{width: 30%;
					 float: right;}

#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
   padding:5px;	 	 
}
</style>
</head>

<body>

<div id="header">
<h1>My Web Page</h1>
</div>

<div id="nav">
Home<br>
About Us<br>
Contact Us<br>
</div>

<div id="content">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>ffkfkfkkfkkfkfkfkfkfkfkffkfkfkkfkffkfkfkkffkkfkfkkfkffkfkkffkfkfkfkfkfkfkfkfkkfkfkfkfkkfkf fkfkfk
<p>Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.</p>
</div>

<div id="right-content">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>ffkfkfkkfkkfkfkfkfkfkfkffkfkfkkfkffkfkfkkffkkfkfkkfkffkfkkffkfkfkfkfkfkfkfkfkkfkfkfkfkkfkf fkfkfk
<p>Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.</p>
</div>

<div id="footer">
Copyright &copy; Supremetech.com
</div>
</body>
</html>

The screenshot of the page on chrome browser

Re: Help With CSS by sleamzy06(m): 10:11am On Mar 06, 2018

it's pretty obvious.. reduce the width of the main content.

Re: Help With CSS by babajeje123(op): 1:04pm On Mar 06, 2018

sleamzy06:
it's pretty obvious.. reduce the width of the main content.

Thanks so much. It's fixed.

Re: Help With CSS by bet9ja(m): 8:23pm On Mar 07, 2018

I do understand you are a beginner but don't get used to inline CSS, it makes your project buggy.

Re: Help With CSS by babajeje123(op): 4:58pm On Mar 08, 2018

bet9ja:
I do understand you are a beginner but don't get used to inline CSS, it makes your project buggy.

Thank you.

Re: Help With CSS by fajob: 2:57pm On Mar 09, 2018

lets talk:

Mobile/Whatsapp: 07038641600

www.jolagict.com

we are expert in
*Html,CSS,Bootstrap,Javascript,JQuery,PHP,Mysql
*Blog Design,content management systems (CMS) such as
Webpagemaker,Frontpage, wordpress, joomla, drupal,
ecommerce platforms such as opencart, magento, Abante cart,WHMCS, prestashop.
*SEO,Responsive&Mobile Friendly Site expert
*Blogs:Ghost,serendipity,eggblog
*Forums:SMF,Vanilla,phpBB,
*Polls and Survey Sites:Limesurvey,littlepoll,piwik

Re: Help With CSS by babajeje123(op): 1:34pm On Mar 15, 2018*

The images below show how far I've gone in my quest of knowing web designing.
I used different layouts just to test my understanding of using css to create layouts.
Do the pages look professional?
Sincere and constructive criticisms are welcome.
#selftutoring

1 Reply

Officially Done With CSS... Advice For Newbie!!! • Please How Do I Adjust This with Css • 3 Ways To Vertically Center Div With CSS • 2 • 3 • 4

UI/UX Design • I Want To Change My Career, I Love Programming. • How To Set Java Classpath Variables