SitePoint Sponsor

User Tag List

Results 1 to 14 of 14
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2000
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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>

  2. #2
    SitePoint Guru
    Join Date
    Jul 2000
    Location
    Long Island, NY
    Posts
    755
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.


  3. #3
    SitePoint Enthusiast
    Join Date
    Dec 2000
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  4. #4
    SitePoint Guru
    Join Date
    Jul 2000
    Location
    Long Island, NY
    Posts
    755
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  5. #5
    SitePoint Enthusiast
    Join Date
    Dec 2000
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  6. #6
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  7. #7
    SitePoint Enthusiast
    Join Date
    Dec 2000
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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?

  8. #8
    SitePoint Enthusiast
    Join Date
    Dec 2000
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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>

    ___________________________________________________________

  9. #9
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  10. #10
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  11. #11
    SitePoint Enthusiast
    Join Date
    Dec 2000
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  12. #12
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  13. #13
    SitePoint Guru
    Join Date
    Jul 2000
    Location
    Long Island, NY
    Posts
    755
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  14. #14
    SitePoint Enthusiast
    Join Date
    Dec 2000
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •