Could Someone view And tell me my problem

L

liunx

Guest
im trying to get the text example looooooo over into the center of the page beside my table but it keeps ging under it can someone help me figure out the problem

heres the code i used its all screwed up

css:


<html><head><style type="text/css">
div.container {
border: 1px solid #333;
background-color: #white;

height: 17px;
}
div.My Page {
Border:1Px solid #dddddd
background-color:#red;

h1 {text-align: center}
h2 {text-align: right }


</style></head>
<div class="container">
<h1>This is header 1</h1>
<h2>This is header 2</h2>



<div class="spacer"></div>


</div>


<div class="spacer"></div>

</div>
</html><ph>
<html><head><style type="text/css">
div.container {
border: 1px solid #333;
background-color: #white;

height: 17px;
}
div.row span.left {
float: left; .testhover
text-align: left;
font-weight: bold;
color: #fff;
width: 49%;
}

</style></head>
<div class="container">
<div style= "width: 100%; background-color: #666;
border: 1px solid #333; padding: 0px; margin: 0px; </div>

<div class="spacer"></div>

<div class="spacer"></div>

</div></html>

<br>

<html><head><style type="text/css">
.test {
width:150px;
text-align:left;
color:black;
font-size:9pt;
font-family:verdana;
font-weight:bold;
background-color:#DDDDDD;
border-color:#BLACK;
border-width:2px;
border-style:solid;
padding:4 6 4 6;
} .testhover {
width:150px;
text-align:left;
color:black;
font-size:9pt;
font-family:verdana;
font-weight:bold;
background-color:#FE95FF;
border-color:#FE95FF;
border-width:2px;
border-style:outset;
padding:4 6 4 6;
} .testpress {
width:150px;
text-align:left;
color:black;
font-size:9pt;
font-family:verdana;
font-weight:bold;
background-color:#FE95FF;
border-color:#FE95FF;
border-width:0px;
border-style:none;
padding:6 6 2 8;
}
div.right-col
position: absolute; top: 10px; right: 108px;
</style></head>




html:

<div class="test" hoverbuttons="yes" onmousedown="window.status='MOUSEDOWN'" onmouseup="window.status='MOUSEUP'" onmouseover="window.status='MOUSEOVER'" onmouseout="window.status='MOUSEOUT'">Home</div>
<div class="test" hoverbuttons="yes" onmousedown="window.status='MOUSEDOWN'" onmouseup="window.status='MOUSEUP'" onmouseover="window.status='MOUSEOVER'" onmouseout="window.status='MOUSEOUT'">News</div>
<div class="test" hoverbuttons="yes" onmousedown="window.status='MOUSEDOWN'" onmouseup="window.status='MOUSEUP'" onmouseover="window.status='MOUSEOVER'" onmouseout="window.status='MOUSEOUT'">Bio</div>
<div class="test" hoverbuttons="yes" onmousedown="window.status='MOUSEDOWN'" onmouseup="window.status='MOUSEUP'" onmouseover="window.status='MOUSEOVER'" onmouseout="window.status='MOUSEOUT'">Music</div>
<div class="test" hoverbuttons="yes" onmousedown="window.status='MOUSEDOWN'" onmouseup="window.status='MOUSEUP'" onmouseover="window.status='MOUSEOVER'" onmouseout="window.status='MOUSEOUT'">Shows</div>
<div class="test" hoverbuttons="yes" onmousedown="window.status='MOUSEDOWN'" onmouseup="window.status='MOUSEUP'" onmouseover="window.status='MOUSEOVER'" onmouseout="window.status='MOUSEOUT'">Pics</div>

<div class="test" hoverbuttons="yes" onmousedown="window.status='MOUSEDOWN'" onmouseup="window.status='MOUSEUP'" onmouseover="window.status='MOUSEOVER'" onmouseout="window.status='MOUSEOUT'">Merchandise</div>
<div class="test" hoverbuttons="yes" onmousedown="window.status='MOUSEDOWN'" onmouseup="window.status='MOUSEUP'" onmouseover="window.status='MOUSEOVER'" onmouseout="window.status='MOUSEOUT'">Other</div>

<div class="rightcol">loooo</div>

iF THE CODE DOESNT WORK PLEASE CHECK THE SOURCE PLEASE

<!-- m --><a class="postlink" href="http://www.angelfire.com/blog2/vvvv_1/BLOG2_VVVV_1That's">http://www.angelfire.com/blog2/vvvv_1/B ... VV_1That's</a><!-- m --> not being served with the right content type but that doesn't matter because the HTML is all screwed up.
 
You must log in or register to reply here.
Back
Top