0
like so http://img479.images...ntitled24tc.gif
I have done it effectively in Mozilla, but as usual, it is quite different story with ie.
in i.e. it looks like this http://img471.images...ntitled34lq.gif
I also need help with the forms on this page, if you notice in the pictures, the forms in i.e. are not directly below the text, which has been giving me quite a bit of grief. Anyways, here is the code
<html> <head> <style type="text/css" title="currentStyle" media="screen"> @import "style.css"; </style> </head> <body> <center><img src="images/banner.jpg"></center> <div id="title"> waste<b>of</b>taste.net </div> <div id="frame"> <div id="contentleft"> <div id="navigation">SITE <b>NAVIGATION</b></div> <div id="lines"><img src="images/underlinestyle2.gif"></div> <p></p> <div id="option"> <img src="images/star.gif"> <a href="index.html">indie <b>movies</b></a> </div> <div id="option"> <img src="images/star.gif"> <a href="index.html">indie <b>music</b></a> </div> <div id="option"> <img src="images/star.gif"> <a href="index.html">photo <b>blog</b></a> </div> <div id="option"> <img src="images/star.gif"> <a href="index.html">tour <b>dates</b></a> </div> <div id="updates">RECENT <b>UPDATES</b></div> <div id="lines"><img src="images/underlinestyle3.gif"></div> </div> <div id="contentcenter"> <div id="news">INDIE <b>NEWS</b></div> <div id="lines"><img src="images/underlinestyle1.gif"></div> <div id="photos">RECENT <b>PHOTOS</b></div> <div id="lines"><img src="images/underlinestyle2.gif"></div> <p></p> <img src="images/frame.jpg"> <div id="picturepos"> <img src="images/bandpictures/picture1.jpg"> </div> <a href="images/bands 277.jpg"> <img src="images/picture2.jpg" border="0"> </a> </div> <div id="contentright"> <div id="blogs">STAFF <b>BLOGS</b></div> <div id="lines"><img src="images/underlinestyle3.gif"></div> <p></p> <div id="blogoption"> <img src="images/star.gif"> <a href="index.html">cody <b>delong</b></a> </div> <div id="blogoption"> <img src="images/star.gif"> <a href="index.html">josh <b>hamor</b></a> </div> <div id="blogoption"> <img src="images/star.gif"> <a href="index.html">mike <b>morgenstern</b></a> </div> <div id="membersystem">MEMBER <b>SYSTEM</b></div> <div id="lines"><img src="images/underlinestyle2.gif"></div> <p></p> <div id="basictext"> username </div> <form name="username"> <input type="Text"> </form> <div id="basictext"> password <form name="password"> <input type="Text"> </div> </form> <div id="join"> <img src="images/join.jpg"> </div> </div> <br clear="all" /> </div> <br /> <br /> <br /> <br /> <br /> </body> </html>
/* Non-Div Attributes */
html {
margin: 0px;
padding: 0px;
}
body {
background: #ffffff url(images/bg.jpg);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
text-align:center;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #d0d0d0;
}
a:hover, a:active {
color: #717171;
}
p,h1,pre {
margin:0px 10px 10px 10px;
}
input {
background: #ffffff url(images/inputbg.jpg);
color: 000000;
font-family: arial, verdana, ms sans serif;
font-size: 10px;
border-style: solid;
border-color: #cdcdcd;
border-width: 1px;
width: 150px;
padding:0px;
margin:0px;
}
#picturepos {
position:absolute;
margin-left:7px;
margin-top:-157px;
z-index:1
}
/* Layout Attributes */
#contentleft {
width:225px;
padding:0px;
float:left;
text-align:left;
}
#contentcenter {
width:350px;
padding:0px;
float:left;
text-align:left;
}
#contentright {
width:225px;
padding:0px;
float:left;
text-align:left;
}
#contentheader {
background:#fff
text-align:left;
}
#frame {
width:800px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
}
/* Div Attributes */
#title {
margin-left: 15%;
margin-top: 0.5%;
color: #ffffff;
font-family: arial;
font-size: 24px;
text-align:left;
}
#contentheader h1 {
padding:10px;
margin:0px;
}
#lines {
padding:0px;
margin:0px;
}
#basictext {
font-family: arial;
font-size: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
#join {
margin-left:20px;
}
/* Titles */
#bold {
font-weight: bold
}
#news {
padding-top:10px;
padding-left:125px;
font-family: arial;
font-size: 12px;
}
#photos {
padding-top:10px;
padding-left:95px;
padding-bottom:0px;
font-family: arial;
font-size: 12px;
}
#updates {
padding-top:10px;
padding-left:90px;
padding-bottom:0px;
font-family: arial;
font-size: 12px;
}
#navigation {
padding-top:10px;
padding-left:95px;
padding-bottom:0px;
font-family: arial;
font-size: 12px;
}
#blogs {
padding-top:10px;
padding-left:117px;
padding-bottom:0px;
font-family: arial;
font-size: 12px;
}
#option {
padding-top:0px;
padding-left:110px;
padding-bottom:0px;
font-family: arial;
font-size: 12px;
}
#blogoption {
padding-top:0px;
padding-left:75px;
padding-bottom:0px;
font-family: arial;
font-size: 12px;
}
#membersystem {
padding-top:10px;
padding-left:95px;
padding-bottom:0px;
font-family: arial;
font-size: 12px;
}
If you guys help me with this you will be my heroes.
