Expand|Select|Wrap|Line Numbers
- <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>
Expand|Select|Wrap|Line Numbers
- 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