Header Table Problem |
Header Table Problem |
![]()
Post
#1
|
|
Member ![]() ![]() Group: Member Posts: 17 Joined: Jun 2009 Member No: 731,512 ![]() |
im having a serious problem with my sliced header. for some reason its putting large spaces in between some of my cells, and I cannot figure out why.
usually I am able to solve the issue but this time i am stumped. I would also like to be able to prevent it from happening in the future. CODE <style> body { background-color:070707; background-image: url(http://img269.imageshack.us/img269/5509/72004324.jpg); background-position:top center; background-repeat:no-repeat; background-attachment: scroll; } table, tr, td { background-color: transparent; border: 0px; } .i {display:none;} table table td.text div object {position:relative; top:-271px; right:-72px; z-index:9;} table table td.text div object object {position:static; z-index:9;} .profileWidth table { margin-bottom:2000px; width:800px; } .gap { background: top left no-repeat; width:900px; height:1000px; position:absolute; top:0; left:50%; margin:0px 0 -400px -2022px; } .orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ color: rgb(3,3,3); font-weight:bold; font-style:normal; text-decoration:none; text-transform:none; } a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{ color: 1d1b1e; font-weight:normal; font-style:normal; text-decoration:underline ; text-transform:none; } a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ font-weight:normal; font-style:normal; text-decoration:underline ; text-transform:none; } .about {display:none;} .contactTable {display: none;} td td td td {visibility:hidden;} td td.text td, td td td td div {visibility:visible;} .i {display:none;} {!-eliminate bio header!-} table table td.text table td.text {display:none;} {!-recover in shows and friends-!} table table td.text div table td.text, table table td.text table.friendSpace td.text {display:inline;} {!-eliminate the orange line that shows up in IE. This WILL mess up background coloring used in shows, friends and comments !} table table td.text table {background-color:transparent;} .maincontent{ position: absolute; width: 0px; height: 2374px; margin-left: -512px; left: 50%; top: 0px; z-index:1; } .dihdesigns { position: absolute; top: 0px; left: 0px; z-index:3;} div.rollovers a:hover{border-top: none; opacity: 0.0; filter: alpha(opacity=0); width: 0px; height: 0px; z-index:2;} .rollovers { position: absolute; top: 0px; left: 50%; height: auto; width: auto; overflow: visible; background-color: none; margin-left: -512px; text-align: center; z-index:2;} </style> <div class="dihdesigns"><a href="mailto:dineinhellpromotions@gmail.com"><img src="http://img138.imageshack.us/img138/2914/dineinhell.png" border="0" /></a></div> <div class="rollovers"> </div> <div class="maincontent"> <table id="Table_01" width="900" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="4"> <img src="http://img17.imageshack.us/img17/3055/maincontent02.jpg" width="900" height="158" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://img35.imageshack.us/img35/7456/maincontent04.jpg" width="900" height="140" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://img8.imageshack.us/img8/2383/maincontent05.jpg" width="900" height="140" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://img718.imageshack.us/img718/350/maincontent06.jpg" width="900" height="140" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://img718.imageshack.us/img718/5548/maincontent07.jpg" width="900" height="139" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://img17.imageshack.us/img17/2002/maincontent09.jpg" width="900" height="40" alt="" /></td> </tr> <tr> <td> <img src="http://img8.imageshack.us/img8/1580/maincontent0910.jpg" width="60" height="230" alt="" /></td> <td> <img src="http://img37.imageshack.us/img37/1599/altered10.jpg" width="766" height="230" alt="" /></td> <td> <img src="http://img37.imageshack.us/img37/1774/maincontent1516.jpg" width="74" height="230" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://img8.imageshack.us/img8/6344/maincontent16.jpg" width="900" height="33" alt="" /></td> </tr> <tr> <td> <img src="http://img718.imageshack.us/img718/1240/maincontent17.jpg" width="23" height="51" alt="" /></td> <td> <img src="http://img692.imageshack.us/img692/3954/altered14.jpg" width="877" height="51" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://img692.imageshack.us/img692/5929/maincontent2123.jpg" width="900" height="140" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://img716.imageshack.us/img716/2929/maincontent22.jpg" width="900" height="140" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://img37.imageshack.us/img37/5843/maincontent23.jpg" width="900" height="140" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://img718.imageshack.us/img718/502/maincontent25.jpg" width="900" height="82" alt="" /></td> </tr> </table> </div> <style> html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{ background-color: transparent !important; color: FFFFFF !important; height: 50px; !important; width: 450px !important; border-collapse: collapse !important; margin: 0 !important; padding: 0 !important; table-layout: fixed !important; position: relative !important; background-image: url('http://img716.imageshack.us/img716/4633/bashfulblog.jpg'); background-repeat: no-repeat; left: 0px; top: 5px; margin-top: 0px !important; overflow: hiddden; } table.latestBlogEntry span.text {display:block; float:left; width:340px;} html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{ display: block; float: left; width: 450px !important; height: 50px; font-size: 0px; overflow: hidden; color: FFFFFF !important; line-height: 250px; } .bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{ display: block !important; height: 50px !important; width: 450px !important; margin: 0 !important; padding: 0 !important; font-size: .32343px; overflow: hidden; background-image: url('http://img36.imageshack.us/img36/4831/bashfulfriends.jpg'); background-repeat: no-repeat; color: 000000 !important; line-height: 10px !important; margin-top: -3px !important; </style> <style> html body.bodyContent table tbody tr td table.friendsComments { width: 720px !important; margin: 0 !important; padding: 0 !important; margin-top: 20px !important; overflow: hidden !important; background-color: transparent !important; margin-left: -1px !important; _width: 720px !important; _margin-left: -2px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table { width: 100% !important; border-collapse: separate !important; border-spacing: 0px 0px !important; background-color: transparent !important; height: auto !important;} table.friendsComments tbody tr td.text table tbody tr td { background-color: transparent !important; height: auto !important;} table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 { background-image: url(http://img33.imageshack.us/img33/9941/bashfullcommentsheader.jpg); background-repeat: no-repeat !important; background-color: transparent; display: block !important; height: 100px !important; color: ffffff !important; width: 800px; position: relative; overflow: hidden; font-size: 1px; text-align: right; margin-top: 5px; line-height: 300px !important; _width: 800px !important; _border-left: 1px 000000 !important; _border-right: 1px 000000 !important; _height: 40px !important; _margin-bottom: -1px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b { display: block; position: absolute; z-index: 9; width: 750px; height: 15px; line-height: 15px; overflow: hidden; margin: -25px 0 0 8px; text-align: right; padding-right: 12px !important; color: ffffff; font-weight: normal; font-size: 12px; _margin: 0px 0 0 15px; _font-size: 12px !important; _color: ffffff;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext { font-weight: normal; color: ffffff; padding: 0px 2px;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a { color: ffffff !important; font-size: 12px !important; text-transform: none; margin: 0 -7px 0 -8px !important; padding: 0 9px 0 9px !important; background-color: transparent !important; position: relative !important; display: inline !important; z-index: 9; border: none !important; letter-spacing: 0px !important; _font-size: 11px !important; _margin: 0 !important; _padding: 0 !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table { overflow: hidden !important; border: 1px 000000 !important; border-color: 000000 !important; width: 100% !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td { background-color: transparent !important; text-align: left; vertical-align: top; overflow: hidden !important; font-size: 12px !important; line-height: 12px !important; text-transform: none !important; letter-spacing: 0px; color: ffffff !important; margin: 0 !important; padding: 5px 0px 5px 0px; border-bottom: 0px 000000 !important; border-color: 000000 !important; _line-height: 16px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10 { color: ffffff !important; text-transform: None !important; margin: 0px !important; padding: 0px important; display: block !important; font-size: 12px; font-family: arial, sans-serif !important; font-weight: normal; letter-spacing: 1px; text-align: right; margin: 10px 10px -12px 0px !important; width: 650px; border-top: 1px 000000; _margin: 12px 0px -.5em 0px !important; _width: 650px;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td { background-color: transparent !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td a { display: block; border: 0px 000000 !important; border-color: 000000 !important; border-top-style: solid !important; border-top-width: 0px !important; text-align: center; text-transform: Uppercase; padding: 8px; font-size: 12px; letter-spacing: 1px; color: transparent !important; position: relative !important; margin-top: -3px !important; background-color: transparent; _margin-top: -6px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a { display: block !important; color: ffffff !important; margin: 0px !important; padding: 10px 10px 0px 10px !important; text-transform: none !important; margin-bottom: -15px !important; font-size: 10px !important; line-height: 11px !important; border: none !important; letter-spacing: 0px !important; text-align: center !important; width: 110px !important; overflow: hidden !important; font-weight: normal; _width: 124px !important; _margin-bottom: -15px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img { visibility: visible !important; border: 0px 008080 !important; border-color: 000000 !important; padding: 0px !important; margin: 0px !important; margin-top: -12px !important; width: auto !important; _margin-left: 0px;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow { display: block; position: relative; margin: 15px 0 -20px 26px !important; border: none !important; _margin: 15px 0 -20px 21px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img { max-width: 100%; margin: 0px !important; margin: 0px 0px 12px 0px !important;} </style> http://www.myspace.com/dreaminginbinary disregard the misaligned header and the random titles. this page is far from finished. |
|
|
![]() ![]() |