[HTML] Weird line in page
Okay, I made a new intro page for our website. And in FireFox it looks just fine. But in Internet Explorer, theres a weird line in the middle, and I can't figure out why it's like that.
Here's the site. Look at it with Firefox and IE. Maybe someone knows.
Code:
http://rosereborn.com/home.html
Note: After my problems is fixed, I'll remove the link so it won't be advertising.
Re: [HTML] Weird line in page
The image
Code:
http://rosereborn.com/home_images/image_01.gif
is your main problem... Don't put an image over the background, its cutting off the background and giving that line. It would be better to make the whole page a single image so that it wont overlay.
Problem: The Image is cutting the little squares off about 1/4 the way over.
Solution: Either move the table over 4 pixels (or whatever it is..) or just make it into a single object.
Re: [HTML] Weird line in page
hmm, well.. the images are build up a very stupid way, and the spacers made by photoshop is also dumb ;)
I suggest you build up the lines as seperate files, eventually transparent gifs/pngs. And then have the background that is repeating as a simple pattern.
It would be stupid to even try and fix that page, rather than doing a restructure, as you would be doing hacks untill you fall asleep.
Re: [HTML] Weird line in page
I've never coded a layout without doing it the photoshop way. I can use HTML, but not code a layout with just images.
Re: [HTML] Weird line in page
How can you best design with Photsoshop cs2?
I don't know this ^^
Re: [HTML] Weird line in page
Remove the comments:
Code:
<!-- Begin XtremeTop100 code -->
Code:
<!-- End XtremeTop100 code -->
Nothing wrong with photoshop... except that it's really gay and I hate it
Although this had nothing to do with it, it still sucks
Re: [HTML] Weird line in page
Quote:
Originally Posted by
Wh005h
Remove the comments:
Code:
<!-- Begin XtremeTop100 code -->
Code:
<!-- End XtremeTop100 code -->
Nothing wrong with photoshop... except that it's really gay and I hate it
Although this had nothing to do with it, it still sucks
Lol true photoshop is a little bit of a douche at times.
But anyways I still think it would be better to make the background part of the image.
Or... put a border around the main image, similar to the fading white lines (those look cool) and it will cover it up, no one will see it.
Re: [HTML] Weird line in page
I couldn't figure out dreamweaver. After I imported the images I couldn't move them to their correct places lol.
Re: [HTML] Weird line in page
Quote:
Originally Posted by
Akai
I couldn't figure out dreamweaver. After I imported the images I couldn't move them to their correct places lol.
Dreamweaver is only an html display and it runs basically on its own engine lol which is totally different from IE or FFox or at least it appears that way.
I don't use dreamweaver except for tables, a quick adjustment for alignment, and coloring my code =p
Also, how's my fix working for you? This is one of IE's stupidities coming out lol
Re: [HTML] Weird line in page
Quote:
Originally Posted by
Wh005h
Remove the comments:
Code:
<!-- Begin XtremeTop100 code -->
Code:
<!-- End XtremeTop100 code -->
Nothing wrong with photoshop... except that it's really gay and I hate it
Although this had nothing to do with it, it still sucks
Comments don't show up and don't affect the visual style.
Heres your problem if you care to listen...
Your graphic is cutting an edge onto the background, wanna see?
Here: ImageShack - Hosting :: problemdm1.png
Just make the whole page into a graphic instead of trying to display a graphic ontop of the background like your doing. Or you can adjust the table and try to make it fit correctly but that might be more of a pain than its worth.
Re: [HTML] Weird line in page
Quote:
Originally Posted by
Wh005h
I don't use dreamweaver except for tables, a quick adjustment for alignment, and coloring my code =p
Dreamweaver is pretty much useless for anything but that. It can help with CSS styles but... Its not exactly hard to make them yourself.
Re: [HTML] Weird line in page
Weird... I must have edited something else and thought it was the comments lol
Oh well, I apologize to IE for this mistake on my part lol
Wonder what it was that I edited because I went back and edited it a second time and changed nothing but the comments to double check and it fixed it...
Did seem kinda odd but now that I try it on my comp and not the school's comp it isn't fixing it.
*Wh005h feels stupid*
Well my bad... I had it for a bit there but since it was at school I don't have it anymore, w/e I did...
I'll figure it out though hehe
Re: [HTML] Weird line in page
Quote:
Originally Posted by
Wh005h
Weird... I must have edited something else and thought it was the comments lol
Oh well, I apologize to IE for this mistake on my part lol
Wonder what it was that I edited because I went back and edited it a second time and changed nothing but the comments to double check and it fixed it...
Did seem kinda odd but now that I try it on my comp and not the school's comp it isn't fixing it.
*Wh005h feels stupid*
You know that kind of makes me think... Wheres the comments at? Sometimes if you put comments inside the table it adjusts itself (I have no clue why) and removing them may have fixed it. I doubt it, you probably just changed something else without even knowing it. Or you removed a space or two that shifted the image into the correct position.
Re: [HTML] Weird line in page
No because I went back and did it again and it didn't change.
But, yah, I fixed it... changed some img alignment and tuhduhh!
Code:
<html><head><title>.::Rose Reborn::. - #1 Updated Server</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body leftmargin="0" topmargin="0" background="home_files/bg_tile.gif" marginheight="0" marginwidth="0">
<center>
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" height="600" width="800">
<tbody><tr>
<td colspan="9">
<img src="home_files/image_01.gif" alt="" height="277" width="799"></td>
<td valign="bottom">
<img src="home_files/spacer.gif" alt="" height="277" width="1"></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="home_files/image_02.gif" alt="" width="312" height="169" align="bottom"></td>
<td rowspan="2" valign="bottom">
<a href="http://www.xtremetop100.com/in.php?site=1132200652" target="_blank"><img src="home_files/image_03.gif" alt="" width="65" height="37" border="0"></a></td>
<td rowspan="5">
<img src="home_files/image_04.gif" alt="" height="169" width="20"></td>
<td rowspan="3">
<a href="http://www.mmolist.nl/vote/20" title="" target="_blank"><img src="home_files/image_05.gif" alt="" border="0" height="40" width="65"></a></td>
<td colspan="4">
<img src="home_files/image_06.gif" alt="" height="1" width="337"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="1"></td>
</tr>
<tr>
<td rowspan="4">
<img src="home_files/image_07.gif" alt="" height="168" width="22"></td>
<td colspan="2" rowspan="3">
<!-- Begin Gtop100 code --><a href="http://www.gtop100.com/in.php?site=9820" title="" target="_blank"><img src="home_files/image_08.gif" alt="" border="0" height="40" width="67"></a><!-- End Gtop100 code --></td>
<td rowspan="6" valign="bottom">
<img src="home_files/image_09.gif" alt="" width="248" height="321" align="bottom"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="36" width="1"></td>
</tr>
<tr>
<td rowspan="3">
<img src="home_files/image_10.gif" alt="" width="65" height="132"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="3" width="1"></td>
</tr>
<tr>
<td rowspan="2">
<img src="home_files/image_11.gif" alt="" height="129" width="65"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="1"></td>
</tr>
<tr>
<td colspan="2">
<img src="home_files/image_12.gif" alt="" height="128" width="67"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="128" width="1"></td>
</tr>
<tr>
<td rowspan="2">
<img src="home_files/image_13.gif" alt="" height="153" width="297"></td>
<td colspan="6">
<a href="http://rosereborn.com/index.php/"><img src="home_files/image_14.gif" onMouseOver="this.src='home_images/image_14_highlight.gif'" onMouseOut="this.src='home_images/image_14.gif'" alt="" border="0" height="47" width="194"></a></td>
<td rowspan="2">
<img src="home_files/image_15.gif" alt="" height="153" width="60"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="47" width="1"></td>
</tr>
<tr>
<td colspan="6">
<img src="home_files/image_16.gif" alt="" height="106" width="194"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="106" width="1"></td>
</tr>
<tr>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="297"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="15"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="65"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="20"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="65"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="22"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="7"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="60"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="248"></td>
<td></td>
</tr>
</tbody></table>
<!-- End ImageReady Slices -->
</center></body></html>
Works for me... works for you? lol
Annoying little shit that it was
Re: [HTML] Weird line in page
Quote:
Originally Posted by
Wh005h
No because I went back and did it again and it didn't change.
But, yah, I fixed it... changed some img alignment and tuhduhh!
Code:
<html><head><title>.::Rose Reborn::. - #1 Updated Server</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body leftmargin="0" topmargin="0" background="home_files/bg_tile.gif" marginheight="0" marginwidth="0">
<center>
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" height="600" width="800">
<tbody><tr>
<td colspan="9">
<img src="home_files/image_01.gif" alt="" height="277" width="799"></td>
<td valign="bottom">
<img src="home_files/spacer.gif" alt="" height="277" width="1"></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="home_files/image_02.gif" alt="" width="312" height="169" align="bottom"></td>
<td rowspan="2" valign="bottom">
<a href="http://www.xtremetop100.com/in.php?site=1132200652" target="_blank"><img src="home_files/image_03.gif" alt="" width="65" height="37" border="0"></a></td>
<td rowspan="5">
<img src="home_files/image_04.gif" alt="" height="169" width="20"></td>
<td rowspan="3">
<a href="http://www.mmolist.nl/vote/20" title="" target="_blank"><img src="home_files/image_05.gif" alt="" border="0" height="40" width="65"></a></td>
<td colspan="4">
<img src="home_files/image_06.gif" alt="" height="1" width="337"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="1"></td>
</tr>
<tr>
<td rowspan="4">
<img src="home_files/image_07.gif" alt="" height="168" width="22"></td>
<td colspan="2" rowspan="3">
<!-- Begin Gtop100 code --><a href="http://www.gtop100.com/in.php?site=9820" title="" target="_blank"><img src="home_files/image_08.gif" alt="" border="0" height="40" width="67"></a><!-- End Gtop100 code --></td>
<td rowspan="6" valign="bottom">
<img src="home_files/image_09.gif" alt="" width="248" height="321" align="bottom"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="36" width="1"></td>
</tr>
<tr>
<td rowspan="3">
<img src="home_files/image_10.gif" alt="" width="65" height="132"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="3" width="1"></td>
</tr>
<tr>
<td rowspan="2">
<img src="home_files/image_11.gif" alt="" height="129" width="65"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="1"></td>
</tr>
<tr>
<td colspan="2">
<img src="home_files/image_12.gif" alt="" height="128" width="67"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="128" width="1"></td>
</tr>
<tr>
<td rowspan="2">
<img src="home_files/image_13.gif" alt="" height="153" width="297"></td>
<td colspan="6">
<a href="http://rosereborn.com/index.php/"><img src="home_files/image_14.gif" onMouseOver="this.src='home_images/image_14_highlight.gif'" onMouseOut="this.src='home_images/image_14.gif'" alt="" border="0" height="47" width="194"></a></td>
<td rowspan="2">
<img src="home_files/image_15.gif" alt="" height="153" width="60"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="47" width="1"></td>
</tr>
<tr>
<td colspan="6">
<img src="home_files/image_16.gif" alt="" height="106" width="194"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="106" width="1"></td>
</tr>
<tr>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="297"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="15"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="65"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="20"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="65"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="22"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="7"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="60"></td>
<td>
<img src="home_files/spacer.gif" alt="" height="1" width="248"></td>
<td></td>
</tr>
</tbody></table>
<!-- End ImageReady Slices -->
</center></body></html>
Works for me... works for you? lol
Annoying little shit that it was
Nice, works for me on both firefox and ie.