Jump to content

small correction problem

zeeshan

By zeeshan
in CSS

Recommended Posts

zeeshan Member

zeeshan

Posted
Posted

this is the css

body {	background-image: url("http://i272.photobucket.com/albums/jj173/zeeshan008_2008/img2.png");	  margin:9px 9px 0 9x;	padding:0;}h1 {	color: #0099FF;		text-align: center;	   		}h2 {	color: #990000;		border-width: medium;	border-color: #00CCFF;		padding-left:120px;		border-width: thin;		border-style: dashed;		border-color: red; 	 		  		}#main {			margin: 90px 60px 10px 80px;	   }	h3 {	color: #993300;		text-align: center;	}p {	color: #996600;	}#n1 {	    position:absolute;	float:left;	width: 100px;	width:160px;	background: #F5F5F5;	border-width: thin;	border-style: dashed;	border-color: red;}	a:link {	color: #00CCFF;}a:visited {	color: #FF66CC;}

and the text part.

this is the index.<html>  <head>	<title>Pokemon Cratoz-The Pokemon Mmorpg</title>	<link rel="stylesheet" type="text/css" href="http://pokemoncratoz.zxq.net/style.css" />  </head>  <body><div id="main"><h1>Pokemon Cratoz</h1><p><strong>Well let me introduce Pokemon Cratoz.Pokemon Cratoz is an mmorpg(massive multiplayer online role playing game).Pokemon Cratoz is being made by a person called Zeeshan.Here at the Pokemon Cratoz you could register online and play,no requirements are needed.Here you could play,battle online and offline members,battle gyms,join the adventures and tournaments and many more.But at the time pokemon cratoz is under construction. till then join the forums.</p></strong><h1>UpComming Things</h1><p><strong>Friends well today i have completed the layout of the web site there will be more improvements in the layout in upcomming days.There will be something more added in this place till the mmorpg doesn't come ,so that you people could spend you time here and could enjoy.Stay tuned till the new updates come up.</p></strong></div><div id="n1"><ul><li><li><a href="http://s1.zetaboards.com/pokemoncratoz/index/">Join Forums!</a></li></li><li><a href="http://forums.digishadows.com/index.php?act=idx">DigiShadows!</a></li></div><div id="n2"><ul><li><a href="http://s1.zetaboards.com/pokemoncratoz/index/">Join Forums!</a></li><li><a href="http://forums.digishadows.com/index.php?act=idx">DigiShadows!</a></li></ul></div></body></html></div>

the help what i need is that i need them to be correctly arranged i mean margined and correctly padding has not been done yet i tried to put the padding but its not working so could any one edit it so that it looks good i mean the margin this etc.,here is the present preview.i will be putting up the preview but y dont you people see the link directlywww.pokemoncratoz.zxq.netplease edit the css so that it looks good.

Link to comment
Share on other sites
Ingolme w3schools Guru

Ingolme

Posted
Posted

One thing is asking how to do something, and another is asking for people to do things for you. This is W3Schools, I'm here to teach others, but not to do everything for them.To apply margin to your elements you use the CSS margin property:p {margin: 30px;}Margin will apply extra space outside the border, padding applies extra space within the border.

Link to comment
Share on other sites
elementalgrace Member

elementalgrace

Posted
Posted
i think i should add it to body,and i dont want you to make i already made one just i need the margins and padding measurements
Something like that is largely trial and error - just keep trying until it looks the way you want it to.Margin adds space outside the element you apply it to. Padding adds space inside the element you apply it to.IE6 adds extra padding which you will need to compensate for.
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...