Hi guy, I need a little help. My site www.HostLip.com im trying to add a banner to the right of the header logo. I keep adding the code but it keeps going under logo. Here is the code, i know it should be entered under the logo somewhere. <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index,follow" /> <meta name="keywords" content=" " /> <meta name="description" content=" " /> <title>HostLip.com | About Us</title> <link type="text/css" rel="stylesheet" href="css/style.css" media="all" /> </head> <body> <div id="header"> <a href="index.html"> <img src="images/hllogo.jpg" alt="Logo" title="#" /> </a> </ul> <div id="main-nav"> <ul> <li><a href="index.html"><span>home</span></a></li> <li><a href="hosting.html"><span>Web Hosting</span></a></li> <li class="on"><a href="about.html"><span>about us</span></a></li> <li><a href="clientcp/index.php"><span>support</span></a></li> </ul> </div> </div> Banner and code i want to add <a href="http://www.facebook.com/pages/HostLipcom/323032628950?v=photos#!/pages/HostLipcom/323032628950?ref=ts"> <img src="images/facebook.jpg" alt="FaceBook" title="Home" /> </a>
You could float the logo to the left, and float your other image to the right. Example: <div id="header"> <div style="float: left;"><a href="index.html"> <img src="images/hllogo.jpg" alt="Logo" title="#" /> </a></div> <div style="float: right;"><a href="http://www.facebook.com/pages/HostLipcom/323032628950?v=photos#!/pages/HostLipcom/323032628950?ref=ts"> <img src="images/facebook.jpg" alt="FaceBook" title="Home" /> </a></div> </div> Code (markup):
Well yeah, that's the basics of it. Now you can add position: relative; and do top: 10px; right: 50px; or something like that.