2 Replies - 1583 Views - Last Post: 09 October 2012 - 02:18 AM

#1 rbk3ai  Icon User is offline

  • D.I.C Head

Reputation: -4
  • View blog
  • Posts: 64
  • Joined: 08-September 12

Layout problems with site

Posted 02 October 2012 - 11:27 AM

Im just starting to learn C++, java, html5 and css so I'm getting confused with somethings, but I would like some help with the site I started coding im not sure what im doing wrong. Here is the link to the problem im trying to solve, its on pages 309 - 311 case 2.

http://books.google....ze%20to&f=false

header, section, aside, footer, nav {
display: block;
padding: 0px;
margins: opx;
}



	/* Header style */
	body {
	background-color: red;  
	font-family: Verndana, Geneva, sans-serif;
			
	}

	div.container {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-left: 1px black solid;
	border-right: 1px black solid;
	background-color: white;
	background-img: url(redbar.png);
	background-position: top left;
	background-repeat: repeat-y;

}

	header {
	background-color: white;
	height: 100px
	}

		

	/* Horizontal Navigation List */

	nav.hortizontal {
	background-color: white;
	height: 70px;
	width: 100%;
	}
        	
	nav.horizontal li {
	background-color: white;
	display: block;
	float: left;
	font-size: 16px;	
	height: 50px;
	line-height: 50px;	
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	width: 180px;	
	}
	
	

	nav.horizontal li a {	
	display: block;
	background-color: red;
	color: white;
	-moz-border-radius: 30px/25px;
	-webkit-border-radius: 30px/25px;
	border-radius: 30px/25px;
	text-decoration: none;
	
	}

	nav.horizontal li a:hover {
	color: black;
	background-color: rgb(255, 101, 101);
	}
	
	/* Veritcal Navigation List */
	
	nav.vertical {
	float: left;
	clear: left;
	width: 200px;
	}

	nav.vertical li {	
	list-style-type: none;	
	margin-top: 20px;
	margin-bottom: 20px;	
	text-ident: 20px;
	
	}

	nav.vertical li a {
	color: white;
	text-decoration: none;
	}

	nav.vertical li a:hover {
	color: black;
	}


	/* Section style */
	section {
	background-color: rgb(255, 211, 211);
	float: left;
	width: 600px;
	}

	

	#main img {
	float: right;
	margin: 15px;
	width: 350px;
	-moz-border-bottom-left-radius: 350px;
	-webkit-border-bottom-left-radius: 350px;
	border-bottom-left-radius: 350px;
	}

	div.coupon {
	background-color: white;
	background: url(slice.png) center no-repeat, url(notice.png) bottom right no-repeat white;
	border: 5px dashed black;
	float: left;
	width: 170px;
	height: 150px;
	margins: 20px, 10px, 20px, 10px;
	}

	div.coupon h1 {
	color: white;
	background-color: rgb(192, 0, 0);
	font-size: 16px;
	letter-spacing: 2px;
	text-align: center;
	height: 25px;
	font-variant: small-caps;
	}
	
	div.coupon p {
	font-size: 14px;
	text-align: center;
	margin: 5px;
	}
	
	aside {
	float: left;
	width: 200px;
	}
	
	aside h1 {
	color: rgb(192, 0, 0);
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: normal;
	text-align: center;
	}
	
	aside li {
	background-color: rgb(255, 135, 135);
	border-radius: 5px;
	color: black;
	list-style-type: none;
	margin: 10px;
	padding: 5px;
	}

	footer {
	clear: left;
	margin-left: 200px;
	}
	
	footer address {
	color: red;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	margin-top: 25px;
	padding-bottom: 20px;
	}
	

This post has been edited by rbk3ai: 02 October 2012 - 12:09 PM


Is This A Good Question/Topic? 0
  • +

Replies To: Layout problems with site

#2 sas1ni69  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 85
  • View blog
  • Posts: 431
  • Joined: 04-December 08

Re: Layout problems with site

Posted 09 October 2012 - 01:21 AM

Hi,

What seems to be the error or the issue with your code? What is supposed to do instead?
Was This Post Helpful? 0
  • +
  • -

#3 raghav.naganathan  Icon User is offline

  • Perfectly Squared ;)
  • member icon

Reputation: 408
  • View blog
  • Posts: 1,440
  • Joined: 14-September 12

Re: Layout problems with site

Posted 09 October 2012 - 02:18 AM

View Postrbk3ai, on 02 October 2012 - 11:57 PM, said:

Im just starting to learn C++, java, html5 and css so I'm getting confused with somethings, but I would like some help with the site I started coding im not sure what im doing wrong. Here is the link to the problem im trying to solve, its on pages 309 - 311 case 2.

http://books.google....ze%20to&f=false


I'm sorry but it says page 309 to 311 are not shown in this preview. So you probably need to explain what you are trying to do...

regards,
Raghav
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1