PDA

View Full Version : Div


Adolph0034
01-30-2009, 05:01 PM
Hello Friends, I am reposting as I am sure my past post was a bit ambiguous.


WHEN I TRY TO MOVE CONTACT US AND FAQ TO THE FAR RIGHT (see first picture) BY ADDING HSPACE="500" THE FAQ MOVES DOWN AND OVERFLOWS (SEE SECOND PICTURE)..I AM NOT SURE WHY IT IS DOING THIS? (code is under second picture)

http://img140.imageshack.us/img140/904/hy1zt9.jpg

http://img230.imageshack.us/img230/1788/hy2jd5.jpg


<div id="wrapper">
<div id="header">
<div id="logo"><img src="../../Art/HYorketitle.jpg" width="150" height="12"/><a href="#" onmouseover="MM_swapImage('Contact','','../../Art/ContactREDJPG.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="../../Art/ContactJPG.jpg" name="Contact" width="110" height="20" hspace="300" border="0" id="Contact" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','../../Art/FAQred.jpg',1)"><img src="../../Art/FAQ.jpg" name="Image9" width="48" height="20" border="0" id="Image9" /></a></div>
<div id="line"><hr />

Corrosive
01-30-2009, 05:18 PM
Might be beneficial for us to see your CSS as well.

Adolph0034
01-30-2009, 05:28 PM
<style type="text/css">
<!--
body {
background-color: #FFF;
text-align: center;
margin: 0px;
padding: 0px;
}
#wrapper {
text-align: left;
width: 984px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: 0px;
}
#header {
margin-top: 6px;
margin-bottom: 12px;
}
#logo {
height: 25px;
width: 984px;
clear: both;
float: none;
}
#line {
clear: both;
}
#nav {
height: 25px;
width: 984px;
clear: both;
}
#leftColumn {
float: left;
width: 492px;
}
#content {
margin-top: 0px;
padding-top: 0px;
}
#footer {
margin-top: 12px;
margin-bottom: 12px;
clear: both;
float: left;
}
#banner {
height: 326px;
}
#rightColumn {
float: right;
width: 492px;
}
-->

domedia
01-30-2009, 05:32 PM
HSPACE="500" is not HTML, remove it and use CSS for styling.

Adolph0034
01-30-2009, 07:14 PM
domedia, I am a novice, could you please elaborate on how I would go about this. Also, isn't there a way I can lock any thing from floating out of the my logo dive where contact and faq reside.

Adolph

domedia
01-30-2009, 08:49 PM
Instead of hspace attribute, use the margin property in CSS like you did for other elements.