Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,153,265 members, 7,818,906 topics. Date: Monday, 06 May 2024 at 07:47 AM

Help With CSS - Programming - Nairaland

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

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)

(1) (Reply) (Go Down)

Help With CSS by babajeje123(m): 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(m): 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(m): 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(m): 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)

Angular 6 CRUD Example | MEAN Stack Tutorial / Work For Programmers..... / Star Winner! 1st Prize In Grnd-brking Bus App: For Nov :church+ (nigerian)

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 18
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.