- Joined
- May 1, 2011
- Messages
- 28
- Reaction score
- 0
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BN Web Design</title>
<style>
td#navbutton a{
margin: 0px;
padding: 0px;
text-decoration: none;
color: #16584B;
font-family: Arial, Helvetica;
font-size: 18px;
}
p#sn{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica;
font-size: 10px;
float: left;
}
td#navbutton a:hover{
color: #BDECD8;
}
td#cr p {
float: right;
margin: 0px;
padding: 0px;
font-family: Times New Roman;
margin-right: 90px;
font-size: 11px;
font-style: italic;
}
table#mb {
margin: 0px;
padding: 0px;
margin-top: 20px;
}
table#rates tr td#c2{
background-color:#A4DAF7;
text-align: center;
font-family: helvetica;
padding: 3px;
font-size: 10px;
}
table#rates tr td#c1{
background-color: #E1F3FD;
text-align: center;
font-family: helvetica;
padding: 3px;
font-size: 10px;
}
td#tt{
background-color: #A4DAF7;
text-align: center;
}
h2#th{
font-family: Times New Roman;
font-weight: lighter;
color: #0D7164;
}
p#info {
font-family: Helvetica;
font-size: 12px;
padding-left: 60px;
padding-right: 60px;
}
</style>
</head>
<body>
<!-- navbar begin -->
<center>
<table width="765" border="0">
<tr>
<td width="148"> <img src="BNDlogo.jpg" width="120" height="120" /></td>
<td width="134" id="navbutton">
<a href="#"> HOME </a>
<br />
<p id="sn"> INFORMATION </p>
</td>
<td width="14"> <img src="navbardiv.png" width="14" height="47" /></td>
<td id="navbutton" width="125">
<a href="#"> PORTFOLIO </a>
<br />
<p id="sn"> RECENT WORK </p>
</td>
<td width="22"> <img src="navbardiv.png" width="14" height="47" /></td>
<td id="navbutton" width="121">
<a href="#"> ABOUT ME </a>
<br />
<p id="sn"> BYRON SHILLY </p>
</td>
<td width="23"> <img src="navbardiv.png" width="14" height="47" /></td>
<td id="navbutton" width="146">
<a href="#"> CONTACT </a>
<br />
<p id="sn"> REACH ME </p>
</td>
</tr>
</table>
</center>
<!-- navbar end -->
<!-- body begin -->
<center>
<table width="765" border="0" id="mb">
<!-- sidebar -->
<tr>
<td width="100" id="sb">
<img src="sidebar.jpg" width="57" height="567" />
</td>
<!-- end sidebar -->
<!-- rates and info begin -->
<td width="549">
<center>
<h2 id="th"> BN Web Design </h2>
<p id="info">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu felis nisi. Sed sodales, nibh hendrerit lobortis lobortis, ante est auctor mi, eget adipiscing enim libero a arcu. Donec sit amet metus velit. Sed sodales ullamcorper luctus. Vivamus imperdiet feugiat risus, at varius enim sodales eu. Donec vitae tellus ipsum. Morbi nisi neque, tempus vitae molestie vel, tincidunt nec dolor. Nam elit turpis, iaculis et facilisis molestie, congue a nibh. Nullam semper erat id neque ullamcorper commodo
</p>
<table id="rates" border="0">
<tr>
<td id="tt" colspan="2"> RATES </td>
</tr>
<tr>
<td id="c1">1 Page</td>
<td id="c1">$100.00</td>
</tr>
<tr>
<td id="c2">2 Pages</td>
<td id="c2">$150.00</td>
</tr>
<tr>
<td id="c1">3 Pages</td>
<td id="c1">$190.00</td>
</tr>
<tr>
<td id="c2">4 Pages</td>
<td id="c2">$230.00</td>
</tr>
<tr>
<td id="c1">5 Pages</td>
<td id="c1">$270.00</td>
</tr>
<tr>
<td id="c2">6 Pages</td>
<td id="c2">$300.00</td>
</tr>
<tr>
<td id="c1">7 Pages</td>
<td id="c1">$330.00</td>
</tr>
<tr>
<td id="c2">8 Pages</td>
<td id="c2">$360.00</td>
</tr>
<tr>
<td id="c1">9 Pages</td>
<td id="c1">$390.00</td>
</tr>
<tr>
<td id="c2">10 Pages</td>
<td id="c2">$410.00</td>
</tr>
<tr>
<td id="c1">11 Pages +</td>
<td id="c1">$440.00 +</td>
</tr>
</table>
<p id="info">
Mauris suscipit interdum metus blandit pretium. Aliquam erat volutpat. Aenean laoreet, nibh in porttitor sodales, sapien nisi tristique mauris, sed malesuada nulla odio aliquet elit. Integer non ipsum ut nulla interdum volutpat in vitae neque. Morbi faucibus est et risus hendrerit molestie. Aenean ac dui id libero pretium adipiscing vel sit amet nulla.
</p>
</center>
</td>
<!-- rates and info end -->
<!-- sidebar -->
<td width="100" id="sb">
<img src="sidebar2.jpg" width="57" height="567" />
</td>
</tr>
<!-- end sidebar -->
<!-- copyright -->
<tr>
<td id="cr" colspan="3"> <p> ©2010 Byron Shilly </p></td>
</tr>
</table>
</center>
<!-- body end -->
</body>
</html>Everything works fine in Chrome, FF, Safari, and Mobile Browsers, but now it doesn't work in Internet Explorer (haven't tried Opera).
What SHOULD happen with the navigation bar, is the main links (home, portfolio, etc.) should be lined up with the sub-label (information, recent work). When the webpage is opened up in IE, the sub-labels are shifted over to the right. Also, my copyright at the bottom gets shifted over, so i'm assuming they're being pushed by a margin/padding command that the browser is setting.
How do i get rid of this shift?
Thanks
