Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Feb 2004
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Tables...blank images

    OK... in process of developing a page. I have nested tables. In these nested tables are a few images. The Code:

    Code:
    <body bgcolor="2C2C39" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
    <table width="192" border="0" cellpadding="0" cellspacing="0">
    			  <tr>
    				<td><img src="/images/sidenav/nav_header.gif" width="192" height="6"></td>
    			  </tr>
    			  <tr>
    				<td background="/images/sidenav/nav_bg.gif">
    				  <div><A HREF="challenge2004.htm"
    				ONMOUSEOVER="changeImages('nav_challenge2004', 'images/sidenav/about/navmain_challenge2004-on.gif'); return true;"
    				ONMOUSEOUT="changeImages('nav_challenge2004', 'images/sidenav/about/navmain_challenge2004-off.gif'); return true;">
    				<IMG NAME="nav_challenge2004" SRC="images/sidenav/about/navmain_challenge2004-off.gif" WIDTH=192 HEIGHT=24 BORDER=0 ALT=""></A>
    				</div>		  
    				  <div><img src="/images/sidenav/nav_divline.gif" width="192" height="2" border="0"></div>
    				  <A HREF="resources.htm"
    				ONMOUSEOVER="changeImages('nav_resources', 'images/sidenav/about/navmain_resources-on.gif'); return true;"
    				ONMOUSEOUT="changeImages('nav_resources', 'images/sidenav/about/navmain_resources-off.gif'); return true;">
    				<IMG NAME="nav_resources" SRC="images/sidenav/about/navmain_resources-off.gif" WIDTH=192 HEIGHT=24 BORDER=0 ALT=""></A>
    				  <div><img src="/images/sidenav/nav_divline.gif" width="192" height="2" border="0"></div>
    				 <A HREF="links.htm"
    				ONMOUSEOVER="changeImages('nav_links', 'images/sidenav/about/navmain_links-on.gif'); return true;"
    				ONMOUSEOUT="changeImages('nav_links', 'images/sidenav/about/navmain_links-off.gif'); return true;">
    				<IMG NAME="nav_links" SRC="images/sidenav/about/navmain_links-off.gif" WIDTH=192 HEIGHT=24 BORDER=0 ALT=""></A>
    					
    				</td>
    			  </tr>
    			  <tr>
    				<td><img src="/images/sidenav/nav_footer.gif" width="192" height="6"></td>
    			  </tr>
    			</table>
    </body>
    The problem is that, when I preview it in Dreamweaver, everything works fine. But when I publish or view it independently from DW (double-clicking the HTML on the hard drive and opening in IE), the nav_header, nav_footer, and nav_divline images do not show up, and instead there are just blanks.

    Any help appreciated...

    Examples:

    http://eminence.olddh.com/theticksv3/test3.htm

    I want it to look like the side navigation shown on this site (dont shy away just because its 2a):

    http://www.2advanced.net/index.php?c...ny/aboutus.php
    Last edited by His Eminence; 02-15-2004 at 02:12 AM.

  • #2
    Regular Coder
    Join Date
    Aug 2003
    Location
    Loughborough University
    Posts
    427
    Thanks
    0
    Thanked 0 Times in 0 Posts
    This is just a wild stab in the dark, but have you made sure that your images are all referenced correctly. I have not looked at your code or your page and I know nothing of dreamweaver, it's just that when you said, "My images aren't there" (or words to that effect) little alarm bells started ringing in my head.
    AMD Athlon "Barton" XP 3200+ (11*200.5MHz = 2.2GHz)
    BFG GeForce 6800 Ultra OC 256Mb
    3 * Kingston 256Mb PC3200 DDR400
    Seagate Barracuda 120Gb Ultra ATA-100 and Seagate Barracuda 160Gb, SATA-150

  • #3
    Regular Coder
    Join Date
    Jan 2004
    Location
    London, UK
    Posts
    234
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yeah thats what id say seeing as the <img> tag is set out correctly etc. doesnt the attributes have to be lowercase to be semantic as well? but thats not imprtoant here

  • #4
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by newmand2
    doesnt the attributes have to be lowercase to be semantic as well?
    To be standards correct yes (in XHTML, which he's not using anyway). Not to be semantic.
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

  • #5
    Regular Coder
    Join Date
    Aug 2003
    Location
    Loughborough University
    Posts
    427
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Eventually people will have to start using XHTML because so many other developers will be using it (being better and newer), XHTML 2.0 will be released soon while has a few extra elements.

    People will also need to get themselves a proper browser sooner or later, IE is dead now, I reckon that over time most people will become aware of Mozilla Firefox (unless it changes it's name ... again ) and start using that. DHTML will all but be replaced with XHTML 2.0 and CSS 3 although JavaScript 2.0 might well have a few surprises in store.

    Back on topic now, I don't think that the code posted is very consistant. It looks as though the three image links in the middle have been created using Front Page and everything else by dreamweaver. Anyone else think this?
    AMD Athlon "Barton" XP 3200+ (11*200.5MHz = 2.2GHz)
    BFG GeForce 6800 Ultra OC 256Mb
    3 * Kingston 256Mb PC3200 DDR400
    Seagate Barracuda 120Gb Ultra ATA-100 and Seagate Barracuda 160Gb, SATA-150

  • #6
    New to the CF scene
    Join Date
    Feb 2004
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    re: lavalamp and newmand2,

    It seems like it was. I moved the missing images into the same directory as the html file, then changed the links to reflect, and it worked! Don't know why though...

    http://eminence.olddh.com/theticksv3/about.htm

    Re lavalamp:

    Yes, most of the code is Dreamweaver. But everything else is actually ImageReady's default Rollover code put into place.

  • #7
    Regular Coder
    Join Date
    Aug 2003
    Location
    Loughborough University
    Posts
    427
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Happy to help.

    But what's ImageReady?
    AMD Athlon "Barton" XP 3200+ (11*200.5MHz = 2.2GHz)
    BFG GeForce 6800 Ultra OC 256Mb
    3 * Kingston 256Mb PC3200 DDR400
    Seagate Barracuda 120Gb Ultra ATA-100 and Seagate Barracuda 160Gb, SATA-150

  • #8
    New to the CF scene
    Join Date
    Feb 2004
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ImageReady comes with Photoshop. Its useful for handling image slices....

    Edit:

    I found out why it didn't work: the slash. I think i forgot to mention that the page is in a frameset. Well, "/images/line.gif" does NOT work the same as "images/line.gif". The extra slash makes a huge difference.

  • #9
    Regular Coder
    Join Date
    Aug 2003
    Location
    Loughborough University
    Posts
    427
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I don't understand why people use uneccesary code in their pages. The ./ or / before the sources of images falls under this heading. Also, capitals in code, why? It makes the code look messy with the jumple of different caps and all it does is hinder you when you have to hold down the shift key.

    </rant>

    I'm glad you've solved your problem.
    AMD Athlon "Barton" XP 3200+ (11*200.5MHz = 2.2GHz)
    BFG GeForce 6800 Ultra OC 256Mb
    3 * Kingston 256Mb PC3200 DDR400
    Seagate Barracuda 120Gb Ultra ATA-100 and Seagate Barracuda 160Gb, SATA-150

  • #10
    Senior Coder Nightfire's Avatar
    Join Date
    Jun 2002
    Posts
    4,265
    Thanks
    6
    Thanked 48 Times in 48 Posts
    ./ and / aren't uneccesary at all, ./ means from the directory you are currently in, while / means from server/domain root


  •  

    Posting Permissions

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