One new site, 3 new questions.

[PaulDS]

Hi,

I've created this new site this week and I bumped up to some problems(again
). The adress is http://planetfeyenoord.port5.com.

When you view the site in IE it looks just fine but when I open it in Netscape I get those white lines al over my page, which probably have to do with the tables I use. It's ugly so I really don't want them. When I look at other sites that are using tables, I don't see those lines.

Also, as you should have noticed, the images don't work...

If you want me to post the source just reply this message and ask me.

My second 'problem' is this:

When I add news to the Page the middle field (can't find the right word) gets longer but the two fields at the sides stay as long as they were, I would like to know how I can get them to get just as long without messing up the sizes of the 'sectors' I've already created, what I mean is just to get a long blue field next to the middle one. I hope you know what I mean.

The last question is the following,
In Netscape the links don't change colors when you go over them, I thought that CSS worked in both Netscape an IE, what went wrong??

Thanks alot already guys,

PaulDS
<Edited by PaulDS on 01-15-2001 at 10:09 AM>

[psalzer]

There are a few ways to get the results you want, if I understand the questions. The simplest might be to put all your header stuff in one table and all your content in another under it with whatever number of columns you need. That's nice for making it look like it's loading faster, too. Then, the the bgcolor for the lower table could be the blueish color and that should solve your column height problem. You can acheive the white space between columns by using table cells with a white background and a spacer gif. Then, you can nest smaller tables inside to get the various effects you want.

About the text links..that particular bit of CSS doesn't work in Netscape, with the exception of NN 6. I thought I once saw one that claimed to work with both 4+ browsers, but I could never remember where I saw it again.

[PaulDS]

I have one big table, seperated in 6 parts: 1 big one at the top, and 5 next to each other under it like a big one that's split in 5 smaller ones.

In the upper part I added a new table in wich I created the header and lines, in the bottom-left part, the bottom-right part and the bottom-center part I added tables to have the other parts you see on the site in. The 2 left-over layers are like 'spacers'. When the 2 'outside fields' get longer the parts with the content in it stretch out as well, but I only want the bottom piece to stretch.

So I kinda have what you said, if i understood what you told me, but it doesn't really work.

You might know the reason fot the white borders of the tables in Netscape too?

Thanks,

PaulDS

[psalzer]

Working on it..but I don't know that I'm going to have time to get all the kinks worked out today. (I'm at work, where they sort of..think I'm working on their stuff.) Anyway, I did download the whole thing. I made the entire content section blue and specified white bgcolor for the columns that form the space between the columns with content. Then I added another row at the bottom of the large table to replace the black footer cell you have in each content table and one at the top of the content section for the headers. That worked fine as far as the height issues are concerned. It makes it all uniform and gets rid of the white spaces that you didn't want. It's a big improvement..but there are still some kinks in IE with the black header cells in the smaller tables.

As far as the white spaces in yours...all I really know is that Netscape and IE handle tables differently and it often takes an extra nested table to get it all to work right in both browsers.

The images not showing up is still a mystery to me. Once I downloaded it all they showed they linked up just fine. It seems like there's some small problem in the paths or the references..small enough not to bother IE, which overlooks mistakes if it can understand the intention, most of the time. The best thing I can suggest there is to go over them all, make sure the cases match in terms of the actual names of the files and the folder and that there are no glitches there.

[PaulDS]

Hey,

Thanks alot for helping me on this one, I really appreciate it.

I fixed the images thing in Netscape, I used a \ instead of a /, pretty dumb hey?

You can see the tableborders really good now, they're even more ugly with the images

And again, thanks alot.

[creole]

Paul...one thing that will take care of your table issue is to make sure that your tags are all on one line. For some reason browsers interpret a carriage return as a space. When you need tight alignment in your tables, this will do the trick. So instead of this:

<table>
<tr>
<td>
content
</td>
</tr>
</table>

try out this:

<table>
<tr><td>content</td></tr>
</table>

Do you see what I mean? The table tag should be OK on it's own line, but the TR and the TD should be together. At the very least, the closing tags should be together. Just experiment and you will get it.

[PaulDS]

I see what you mean but it doesn't realy work. Maybe thats because when putting it on 1 line you easaly make a mistake. But why is dreamweaver doing it like

<table>
<tr>
<td>
</td>
</tr>
</table>

It's a lot of work to get this on 1 line so isn't there somekind of option in dreamweaver to do this?

[PaulDS]

Here, is this right??

___________________________________________________________

<table width="784" border="0" cellspacing="0" cellpadding="0" align="center">
<tr><td colspan="5"><img src="IMAGES/FEYESITE6-800_03.gif" width="787" height="78"></td></tr>
<tr><td colspan="5" height="4"><img src="IMAGES/FEYESITE6-800_07.gif" width="787" height="5"></td></tr>
<tr><td colspan="5"><img src="IMAGES/FEYESITE6-800_06.gif" width="787" height="14"></td></tr>
<tr><td colspan="5" height="7"><img src="IMAGES/FEYESITE6-800_07.gif" width="787" height="5"></td></tr>
<tr bgcolor="#000000" align="center">
<td colspan="5" height="15"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF"><b><a href="file:///C|/Paul/index.html"><font size="1">Home</font></a><font size="1">
| <a href="file:///C|/Paul/Nieuws.html">Nieuws</a> | <a href="file:///C|/Paul/geschiedenis.html">Geschiedenis</a>
| <a href="file:///C|/Paul/media.html">In de media</a> | <a href="file:///C|/Paul/beker.html">Beker Voetbal</a>
| <a href="file:///C|/Paul/kpn.html">KPN Eredivisie</a> | <a href="file:///C|/Paul/selectie.html">Selectie</a>
| <a href="file:///C|/Paul/downloads.html">Downloads</a> | <a href="file:///C|/Paul/ai.html">Algemene informatie</a>
| <a href="file:///C|/Paul/kuip.html">De Kuip</a></font></b></font></td></tr>
<tr><td colspan="5" height="2"><img src="IMAGES/FEYESITE6-800_07.gif" width="787" height="5"></td></tr>
<tr><td colspan="5" height="2"><img src="IMAGES/FEYESITE6-800_10.gif" width="787" height="5"></td></tr>
<tr><td colspan="5" height="4"><img src="IMAGES/FEYESITE6-800_07.gif" width="787" height="5"></td></tr>
<tr><td width="127" height="265" align="left" valign="top">
<table width="127" HEIGHT="300 border="0" cellspacing="0" cellpadding="0" BGcolor= #606F9F>
<tr><td height="7" colspan="2"><img src="IMAGES/FEYESITE6-800_12gesch.gif" width="127" height="17"></td></tr>
<tr><td height="46" BGcolor= #606F9F colspan="2"><img src="IMAGES/GESCHPIC800.gif" width="72" height="61"></td></tr>
<tr><td height="52" BGcolor= #606F9F align="left" valign="top"><p>&nbsp;</p></td>
<td height="52" BGcolor= #606F9F align="left" valign="top"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Hier
vind u zeer veel informatie over de geschiedenis van Feyenoord en
het stadion. Zeer de moeite waard</font></td></tr>
<tr><td height="6" colspan="2"><img src="IMAGES/FEYESITE6-800_12media.gif" width="127" height="17"></td></tr>
<tr><td height="11" BGcolor= #606F9F colspan="2"><img src="IMAGES/Mediapic800.gif" width="73" height="61"></td></tr>
<tr><td height="38" BGcolor= #606F9F valign="top" width="3">&nbsp;</td><td height="38" BGcolor= #606F9F valign="top"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Hier
vind u een selectie van artikelen en uitspraken die alles met Feyenoord
te maken hebben. Al deze stukjes komen uit kranten en tijdschriften
van de afgelopen weken.</font></td></tr>
<tr><td height="13" colspan="2"><img src="IMAGES/FEYESITE6-800_12selectie.gif" width="127" height="17"></td></tr>
<tr><td height="46" BGcolor= #606F9F colspan="2"><img src="IMAGES/selectiepic800.gif" width="73" height="61"></td></tr>
<tr><td height="39" BGcolor= #606F9F valign="top">&nbsp;</td>
<td height="39" BGcolor= #606F9F valign="top"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Van
alle spelers van Feyenoord vind u hier foto's en informatie</font></td></tr>
<tr><td height="10" colspan="2"><img src="IMAGES\FEYESITE6-800_12downl.gif" width="127" height="17"></td></tr>
<tr><td height="27" BGcolor= #606F9F colspan="2"><img src="IMAGES/downlpic800.gif" width="73" height="61"></td></tr>
<tr><td height="28" BGcolor= #606F9F valign="top">&nbsp;</td>
<td height="28" BGcolor= #606F9F valign="top"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Voor
het downloaden van Feyenoord-wallpapers en meer kunt u hier terecht.
Houdt deze sectie in de gaten want er zullen vaak nieuwe downloads
worden toegevoegd.</font></td></tr>
<tr><td align="left" valign="top" height="2" bgcolor="#000000" colspan="2">&nbsp;</td></tr>
</table>

___________________________________________________________

[creole]

Dreamweaver is set up from the get go to format code in a certain way. You can change its formatting by looking at this link and changing your setup accordingly.

http://www.macromedia.com/support/dr...beginner4.html

[creole]

one thing I just noticed is that your img-src is in all UPPER-CASE.

"IMAGES/FEYESITE6-800_"

That could give you some of the problems that you have been experiencing (not the space issues though). It is much better from a server stand-point to be all lowercase.

[PaulDS]

Yeah, but when I used '\' the images didn't work in Netscape, really weird, I can't figure it out too...

The SorceFormat thing was kinda hard for me to understand. I thought I just needed all 1,0,0,1's, that didn't work so I tried 0,0,0,0's, but they didn't do anything too. What did I do wrong?

But you don't happen to know a solution for the white spaces issue too?

Thanks.

[creole]

I have been trying to look at your site, but it times out on me.

Finally got the site up...

One thing I notice right off is that your masthead image is 60K...it should be 1/4 of that size...even less if you can get it...taht will make it load faster for sure.

Sorry about thw white space issue. I don't even use DW hardly. I type my code straight because I was having this exact same problem. You should really learn how to type your code, or at least edit it manually. If you change it in DW it should stay that way...

good luck.

[psalzer]

I'm sorry. I started to try to help and then got too busy to really, really get into it. Still kind of swamped. As far as what you were saying about tables..I've had that problem, but not really because they wrapped onto other lines..it always turned out to be that in doing that a space actually got put in that shouldn't be there and I didn't notice because of the line break. Once the spaces were removed it always got fixed and it didn't matter how many lines the table code was on. That's not true with some kinds of code, of course, but with straight HTML I think it is.

[PaulDS]

YES YES YES! I fixed the whhite lines problem. It was in the code indeed. In the particular table the heigth was set, so it stretched to that size, so I know that now, phew.

Now the only problems left are those with the length of the bars and the CSS.

Palzer had the solution for the bar-height problem so I'll see what he'll come up with..

Thanks.