I am writing my first website for my dad's company. In the header we have the logo image and then an image containing the contact info, followed by a bottom border and a horizontal menu. My problem is that I have the contact info png file positioned where I want it to be but when I shrink the browser window it will move horizontally. I have tried using position absolute but that makes the image sit on top of the logo image. If I add enough padding to make it be where I want it to be, the DIV that contains it covers the logo and the link to the home page that the logo image has doesn't work. I have attached the code I currently am using which positions it correctly unless it moves, if needed I can post an example of the other code that stops the moving issue but causes the logo link to stop working. Your help is greatly appreciated.
<div id="HeaderWrapper"> <!-- HEADER -->
<div id="logo"> <!-- /logo -->
<a href="Default.aspx"><img src="Images/packetiq_logo_w_slogan.jpg" alt="Packet IQ Logo"
<div id="contactinfo"> <!-- contactinfo -->
<a href="Contact.aspx"><img src="Images/contactinfo.png"
As you can see I have the CSS coding that directly involves the images in with HTML. I have found that it makes no difference whether my CSS coding for my images is in with the images or on my stylesheet. Also as I said this is my first website ever so I am quite ignorant and I hope you guys can be of some help and I am not making some simple bumbling mistake. Thanks again!
padding: 10px 0 0 0;
border-bottom: 1px solid #000000;