html coding:
css coding:
this is coding pbm here. i want only center the picture but this coding only display left side.
then i want correct position menu . but the menu working right side.
how will do
Code:
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<title>welcome Juravis Technologies</title>
</head>
<body>
<div class="container">
<div class="mainpic">
<div><img src="http://bytes.com/images/main.jpg" align="center"></div>
<div class="menu">
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
</div>
</div>
</body>
</html>
Code:
body
{
background-color:white;
}
.mainpic h1,h2
{
color:white;
text-align:right;
left:550px;
top:100px;
}
.menu
{
height:50px;
width:800px;
background-color:800000;
margin-left:auto;
margin-right:auto;
}
.menu ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
menu a
{
float:left;
color:pink;
padding-top:25px;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0;
border-right:1px solid white;
}
a:hover {background-color:white;}
li {display:inline;}
.mainpic
{
margin:left:auto;
margin:right:auto;
}
this is coding pbm here. i want only center the picture but this coding only display left side.
then i want correct position menu . but the menu working right side.
how will do
Comment