November 17th, 2012, 04:04 PM
|
|
Registered User
|
|
Join Date: Nov 2012
Posts: 9
Time spent in forums: 2 h 41 m 28 sec
Reputation Power: 0
|
|
|
Tow divs need to be float right
Hi guys, how are you all.
I need to float two divs on right side but below div of menu is not doing so while the other of phone number have floated.
Code:
<html>
<head>
<title>
Get All Internet Services
</title>
<style type="text/css" >
#container{/*container div*/
margin:auto;
border:solid black 1px;
height:1280px;
width:1024px;
}
#header{/*container div, this div have phone div and menu div*/
float:right;
border:solid 1px;
height:10%;
width:100%
}
#headerimg{/*logo image div*/
height:100%;
width:17%;
background:#0F6;
border:1px solid;
float:left;
margin:0 0 0 0;
}
#phonelinks{/*phone div in header div*/
float:right;
width:35%;
height:20%;
border:1px solid;
margin:0 0 0 0;
}
#menu{/*this is manu div */
height:25%;
border:solid 1px;
float:right;
margin:0 0 0 50%;
}
#menu ul li{/* <ul> containing menu items*/
color:#000;
list-style:none;
display:inline;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="headerimg">image
<a href="#"><img src="#"/></a>
</div>
<div id="phonelinks">
phone number<!--phone div-->
</div>
<div id="menu">
<ul><!--menu div-->
<li>HOME</li>|
<li>PORTFOLIO</li>|
<li>ABOUT</li>|
<li>BLOG</li>|
<li>CONTACT</li>|
<li>FEATURES</li>
</ul>
</div>
</div>
</div>
</body>
</html>
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
