Booga Posted June 8, 2011 Share Posted June 8, 2011 Hello all be gentle I am an utter noob.I am using a php page included in my html site for the navbar and footer.All was well until I added an image to the navbar and now it only displays the alt text for the image and not the image itself.The image (TheShirePostMint.jpg) is saved with all the other site images and uploaded to server.Navbar code. <html><head><meta id="_moz_html_fragment"></head><body><div id="navbar"><table style="text-align: left; width: 178px; height: 440px;" border="0"cellpadding="2" cellspacing="2"><tbody><tr><td align="undefined" valign="undefined">*TheShire Post*</td></tr><tr><td align="undefined" valign="undefined"> <a href="index.shtml">Home</a><br><br> <a href="history.html">History</a><br></td></tr><tr><td align="center" valign="middle"><imgstyle="width: 208px; height: 32px;" alt="*The Shire Post Mint*"src="TheShirePostMint.jpg"> </td></tr><tr><td align="undefined" valign="undefined"> <a href="shirecoins.shtml">Coinsof the Shire</a><br><br> Coins of other Realms</td></tr><tr><td align="undefined" valign="undefined">*TheShire Post Office*</td></tr><tr><td align="undefined" valign="undefined"> Shire Post Stamps<br><br> Shire Post Franks</td></tr><tr><td style="height: 8px;"><br></td></tr><tr><td align="undefined" valign="undefined">*Links*</td></tr><tr><td align="undefined" valign="undefined"> <a target="_blank" href="http://www.glyphweb.com/ARDA/">TheEncyclopedia of Arda</a><br><br> <a href="http://www.shirepost.com/" target="_blank">TheShire Post</a></td></tr><tr><td style="height: 10px;"><br></td></tr><tr><td align="undefined" valign="undefined">*WithThanks*</td></tr><tr><td align="undefined" valign="undefined"> <a target="_blank" href="http://www.tolkienshop.com/index.html">TheTolkien Shop</a><br> Maturin492(at)verizon.net</td></tr><tr><td style="height: 8px;"><br></td></tr><tr><td align="undefined" valign="undefined">*Contact Me*</td></tr><tr><td align="undefined" valign="undefined"> booga23(at)gmail.com</td></tr></tbody></table></div></body></html> How it appears in KomposerCode for inclusion into html. <!--START OF THE NAVBAR--><div id="navbar"><?php include("navbar.php"); ?> <br></div><!--END OF THE NAVBAR--> </td> Any help much appreciated. Link to comment Share on other sites More sharing options...
thescientist Posted June 8, 2011 Share Posted June 8, 2011 I'm confused. Is the first snippet the contents of navbar.php? Does it have any php code in it? Why not just include it as an HTML file? And regardless of what file type it is, you should be including all new <html>, <head> any <body>. I also don't see any image tags in there. I'm having a hard time putting it all together based on what you posted. Link to comment Share on other sites More sharing options...
trinistorm Posted June 8, 2011 Share Posted June 8, 2011 <td align="center" valign="middle"><imgstyle="width: 208px; height: 32px;" alt="*The Shire Post Mint*"src="TheShirePostMint.jpg"> </td></tr>You have the syntax all wrong. I am assuming the src and alt you have here is intended for an image tag like:<img alt="The Shire Post Mint" src="TheShirePostMint.jpg"/> If you put an src in style then it must point to a stylesheet file. Link to comment Share on other sites More sharing options...
Booga Posted June 9, 2011 Author Share Posted June 9, 2011 I'm confused. Is the first snippet the contents of navbar.php? Does it have any php code in it? Why not just include it as an HTML file? And regardless of what file type it is, you should be including all new <html>, <head> any <body>. I also don't see any image tags in there. I'm having a hard time putting it all together based on what you posted.Yes it is the content of the navbar and yes you are right, I didn't realize you could include html. I just read the leason on icluding php and assumed that is what you have to do.You have the syntax all wrong. I am assuming the src and alt you have here is intended for an image tag like:<img alt="The Shire Post Mint" src="TheShirePostMint.jpg"/> If you put an src in style then it must point to a stylesheet file. Thanks I think I know what the problem is. Link to comment Share on other sites More sharing options...
thescientist Posted June 9, 2011 Share Posted June 9, 2011 You have the syntax all wrong. I am assuming the src and alt you have here is intended for an image tag like:<img alt="The Shire Post Mint" src="TheShirePostMint.jpg"/> If you put an src in style then it must point to a stylesheet file. huh? an image can have inline styles as written, as well as src. the src in this case is the path to the image.<img style="width: 208px; height: 32px;" alt="*The Shire Post Mint*" src="TheShirePostMint.jpg"> there's nothing wrong with that syntax.the question should be is the path to the image correct? Is it in the same folder as the HTML? For includes and images, you may want to consider using paths relative to the webroot as opposed to the document, just to be on the safe side. i.e. <img src="/images/image.jpg"> again, if you are including content into an HTML document, you shouldn't have those extra <html> <body> etc tags since they will be duplicated and cause rendering/validation errors. Link to comment Share on other sites More sharing options...
trinistorm Posted June 9, 2011 Share Posted June 9, 2011 Crap I didn't see the open "img" tag I assumed it was an open "style" tag. That syntax is correct, adding to what thescientist said make sure that you use the filename exactly as it is stored on the system. Link to comment Share on other sites More sharing options...
Booga Posted June 10, 2011 Author Share Posted June 10, 2011 huh? an image can have inline styles as written, as well as src. the src in this case is the path to the image.<img style="width: 208px; height: 32px;" alt="*The Shire Post Mint*" src="TheShirePostMint.jpg"> there's nothing wrong with that syntax.the question should be is the path to the image correct? Is it in the same folder as the HTML? For includes and images, you may want to consider using paths relative to the webroot as opposed to the document, just to be on the safe side. i.e. <img src="/images/image.jpg"> again, if you are including content into an HTML document, you shouldn't have those extra <html> <body> etc tags since they will be duplicated and cause rendering/validation errors. Yes thank you that was Komposer sticking its nose in. I had previously removed all of that in Notebook but must have saved it again after opening it with Komposer. I shall remove them.The image is with all the other files in the public folder. I haven't made any sub folders but I will do now and add all move all the images to that folder and redirect the links, for good house keeping.Thanks for the help.Crap I didn't see the open "img" tag I assumed it was an open "style" tag. That syntax is correct, adding to what thescientist said make sure that you use the filename exactly as it is stored on the system.Thanks will do. Link to comment Share on other sites More sharing options...
Booga Posted June 13, 2011 Author Share Posted June 13, 2011 This is what I am trying to do http://w3schools.invisionzone.com/index.php?showtopic=38317yet I want to include images in the nav bar as well as text.If I just want to include it as html do I just do this? <?php include("navbar.html"); ?> Link to comment Share on other sites More sharing options...
thescientist Posted June 13, 2011 Share Posted June 13, 2011 it should all be fine as long as your paths are correct. Link to comment Share on other sites More sharing options...
Booga Posted June 14, 2011 Author Share Posted June 14, 2011 it should all be fine as long as your paths are correct.Hmm then I am flummoxed as the path is correct. Link to comment Share on other sites More sharing options...
Booga Posted June 14, 2011 Author Share Posted June 14, 2011 Bingo!Thanks thescientist I just changed the file extension to html and it worked. <!--START OF THE NAVBAR--> <div id="navbar"> <?php include ("navbar.html"); ?> </div> <!--END OF THE NAVBAR--> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.