Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,150,430 members, 7,808,531 topics. Date: Thursday, 25 April 2024 at 01:07 PM

Help With CSS Codes - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Help With CSS Codes (1540 Views)

How To Code A Web Page With CSS / Modern Logistics Web Design Develop With Css / Do You Need A Web Designer With CSS style Experience? (2) (3) (4)

(1) (Reply) (Go Down)

Help With CSS Codes by Nobody: 11:57am On Sep 06, 2017
I am having problems with this CSS codes. First picture is what I want to create. Second picture is my code. Third picture is what i got.
NOTE: The red footer is fixed.

Re: Help With CSS Codes by hostkobo(m): 11:43pm On Sep 06, 2017
NaijaTalkTown:
I am having problems with this CSS codes. First picture is what I want to create. Second picture is my code. Third picture is what i got.
NOTE: The red footer is fixed.

Where is the picture?
Re: Help With CSS Codes by Dmayor7(m): 11:47pm On Sep 06, 2017
NaijaTalkTown:
I am having problems with this CSS codes. First picture is what I want to create. Second picture is my code. Third picture is what i got.
NOTE: The red footer is fixed.

Here is a working code.... You didn't show your html codes though...



-----------------------------------------------

HTML

<div class="wrapper">

<div class="header"></div>

<div class="leftbar"></div>

<div class="content"></div>

<div class="rightbar"></div>

<div class="footer"></div>

</div>


CSS

.wrapper { width: 980px; background: silver; margin: 0 auto; }

.header { background: aqua; }

.leftbar { width: 20%; float: left; background: green; }

.content { width: 60%; float: left; background: grey; }

.rightbar { width: 20%; float: left; background: blue; }

.footer { clear: both; background: red; }


Hope this helps you..
Re: Help With CSS Codes by Nobody: 8:43am On Sep 07, 2017
Dmayor7:


Here is a working code.... You didn't show your html codes though...



-----------------------------------------------

HTML

<div class="wrapper">

<div class="header"></div>

<div class="leftbar"></div>

<div class="content"></div>

<div class="rightbar"></div>

<div class="footer"></div>

</div>


CSS

.wrapper { width: 980px; background: silver; margin: 0 auto; }

.header { background: aqua; }

.leftbar { width: 20%; float: left; background: green; }

.content { width: 60%; float: left; background: grey; }

.rightbar { width: 20%; float: left; background: blue; }

.footer { clear: both; background: red; }


Hope this helps you..
Thank you very much. I am grateful.
Re: Help With CSS Codes by Dmayor7(m): 11:36pm On Sep 08, 2017
NaijaTalkTown:
Thank you very much. I am grateful.

Am glad it solves your problem...

(1) (Reply)

I Need An Investment Website For N15,000 / Is Their Any Danger With Paying B4 Delivery On Jumia For An Electronic Device. / $100 Amazon Gift Card Here!

(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. 11
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.