Jump to content

A bit of help, please.


Chocolate570

Recommended Posts

http://www.seekond.com/code/^^ The page in question ^^Note--I will not be posting any code in this post. You can look at the source code of the page, it's hardly 20-30 lines. Thanks.As you can see, my page is messed up in all browsers. Can anyone, by looking at the source code, figure out why the heck that is? :|Thanks.Choco
Link to comment
Share on other sites

Try this choco, works in ie and ff and the 3 main resolutions

<html><head><base href="http://seekond.com/code/" /><style type="text/css">img {margin: 0px;padding: 0px;}</style></head><body bgcolor="#53a2ae"><center><table cellpadding="0" border="0" cellspacing="0" width="900" bgcolor="white"><tr><td bgcolor="#53a2ae"><img style="position:relative;left:1px;top:1px" src="images/roundcornertleft.png" /></td><td width="100%" style="padding:0px 0px 54px 0px;"background="images/toprepeat.png"></td><td bgcolor="#53a2ae"><img style="position:relative;left:0px;top:1px" src="images/roundcornertright.png" /></td></tr><tr><td background="images/rightrepeat.png" style="padding:0px 55px 0px 0px;"/></td><td><!-- Content Begins --><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><% BOARD HEADER %><% NAVIGATION %><% BOARD %><% STATS %><center><!-- Content Ends --></td><td background="images/leftrepeat.png"><img src="images/leftrepeat.png" /></td></tr><tr><td bgcolor="#53a2ae"><img style="position:relative;left:1px;top:0px" src="images/roundcornerbleft.png" /></td><td background="images/bottomrepeat.png" style="padding:0px 0px 0px 55px;"></td><td bgcolor="#53a2ae"><img src="images/roundcornerbright.png"></td></table></body></html>

You had an extra image in there so by deleting it the large white space on the right disapeared if you put onto the corners style="position:relative;left:0px;top:0px" with the necessary 1px where appropriate it will shift them slightly to the side.set the background color of the td to the same as the document bgps you could use css instead of tables and images, see here: http://www.cssplay.co.uk/boxes/krazy.html

Link to comment
Share on other sites

Found a couple things:1) In front of your table tag you have a <center> tag and it's not closed at the end. I recommend simply putting align="center" in your table tag.2) Those <% ... %> comments should be <!-- ... -->3) You never specify the width or height in any cell. Your images should all be background images with a height and width for the cell and image.Now it should work.

Link to comment
Share on other sites

Thanks so much, both of you. Your tips helped greatly. And vchris, those 'comments' are actually a random copy-and-paste i did to test how the box expands with content. :)Thanks again. :)Choco

Link to comment
Share on other sites

It sure works in FF. And safari. I'll check IE, but can't do opera. :SWait jonas, if you're talking about the inner part, with the glossy bar and stuff, that's not included. I was fooling around. The part we're talking about is the border and background. :) It works in IE for me.

Link to comment
Share on other sites

Hmm, it works in IE now I can see, but it didn't at the time I wrote that comment. Weird.And it works excellently in Opera. Maybe it was caching issues...

Edited by Jonas
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...