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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 23
  1. #1
    New Coder
    Join Date
    Jul 2006
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Having problems with my images

    I am having problems with some of my images some are appearing and some are not. I am creating the images in Photoshop and saving them as JPEGS. Yet only some of them actually appear in the web page. What can be wrong with my pictures. Can there be something wrong with the JPEG itself.. too big of a file or maybe too much color? This is really killing me because I have to have this to my boss tonight. Thanks in advanced for any responses.

    Code:
    <img src="Mid Bar.jpg" alt="Top Menu" />

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Try to avoid spaces in your file name and see if it helps. This is usually not a good idea.

  • #3
    New Coder
    Join Date
    Jul 2006
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No luck with changing the file name Is there a no no for Jpegs in file size or color?

  • #4
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    I wouldn't think so. Maybe you should post a link so we can see. Does this only occur after uploading the site?

    Maybe it is the extension? Is it .jpg or .jpeg ?

    Otherwise try to point your browser directly to the image and see what happens. Type in the address line http://www.yourdomain.com/somedir/someimage.jpg

  • #5
    New Coder
    Join Date
    Jul 2006
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well its not in a domain it is on my desktop for now. And this one is working

    Code:
    <p><img src="Bottom_Bar2.jpg" alt="Las Vegas Chamber of Commerce" width="966" height="117" border="0" usemap="#Map" />
    but this one is not

    Code:
    <p><img src="Logo2.jpg" /></p>
    nor is this one

    Code:
    <img src="MidBar.jpg" alt="Top Menu" />
    I am doing the coding in dreamweaver so it should be fault free! I that is why I am thinking it is with the JPEGS. This is killing me!

  • #6
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    sounds strange... Maybe a silly question, but have you checked in which directory are you saving your images? With this code, they should be in the same directory as your html document. Can you verify this?

  • #7
    New Coder
    Join Date
    Jul 2006
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yep it is all in the same file. I am not understanding it myself. I am looking in my book and I can not find anything in there either.

  • #8
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    sorry, but I have no idea what the problem might be. I must leave this for someone else to figure out. I am really sorry. I don't even think it will say anything in your book that could help you.

    My final suggestion would be to try putting in some text instead of the image and see if you can see it. This is to rule out that your paragraph is covered by some other element.

    Otherwise you will have to upload your page somewhere so we can inspect for ourselves.

  • #9
    New Coder
    Join Date
    Jul 2006
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I appreciate your help anyways bro. The alt tag is showing so I know nothing is there over it. But i will keep trying and if i dont get it.... ill kill myself tonight.

  • #10
    New Coder
    Join Date
    Jul 2006
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    is there anybody that can help me with this

    i really can not figure this out

  • #11
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,785
    Thanks
    8
    Thanked 131 Times in 129 Posts
    if the alt text is showing it really has to be

    a) your name on the image file is different from what your putting in your img tag.

    b) the image is not in the same directory as the html file.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #12
    New Coder
    Join Date
    Jul 2006
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I really wish that was the problem. But no that is not the issue

  • #13
    Senior Coder CFMaBiSmAd's Avatar
    Join Date
    Oct 2006
    Location
    Denver, Colorado USA
    Posts
    3,026
    Thanks
    2
    Thanked 315 Times in 307 Posts
    When you say they are not appearing, what exactly do you get? The little red-x in the box, surrounded by a slightly larger box?

    When you right-click and view the source of the web page in your browser, are the tags correct?

    Post your entire HTML code. Something going on with layers/z-axis/overlapping div's might be hiding images...

    I am guessing that you are simply opening the web file in your browser, but the file(s) reside on your desktop and you are not doing this through a web server running on your development system? Have you cleared your browser's cache? The browser might have attempted to read some of the files before they existed and is getting the broken image from the cache and is not attempting to read the actual file.
    If you are learning PHP, developing PHP code, or debugging PHP code, do yourself a favor and check your web server log for errors and/or turn on full PHP error reporting in php.ini or in a .htaccess file to get PHP to help you.

  • #14
    New Coder
    Join Date
    Jul 2006
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok here is my code. I am getting the little X's with the bigger box in IE with the alt tag in it also. I have also cleared my cache in both firefox and IE still no luck.


    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Aafordable Web</title>
    
    <!-Some CSS for the Borders-->
    <style type="text/css">
    table 
    {
    	border-style: solid solid solid;
    	border-color:#FF9900;	
    	border-top-width: 8px;
    	border-bottom-width: 3px;
    	border-right-width: 3px;
    	border-left-width: 3px;
    	
    }
    
    body {
    	background-image: url(Logo2.jpg);
    }
    </style>
    <!--End of CSS-->
    </head>
    
    
    
    <body>
    <center>
    <img src="Logo.jpg" alt="Logo"/><!--This is one of the images that are not coming up-->
    <center>
      <caption>
        <p><strong>Welcome to Aaffordable Web!</strong>
          </caption>
        </p>
        <p>&nbsp;</p>
    	<img src="MidBar.jpg" alt="Top Menu"/><!--This is another of the images that are not coming up-->
    </center>
      <label></label><p align="center">A  bad website is easy to make. The challenge is to make your website  stand out from the crowd. </p>
    <table width="800" border="0" align="center" cellpadding="7" cellspacing="4" bgcolor="">
      <!--DWLayoutTable-->
     
      <tr>
        <td><!--DWLayoutEmptyCell-->&nbsp;</td>
        <td><h3 align="center"><strong>Tips to make your website work </strong></h3></td>
        <td><!--DWLayoutEmptyCell-->&nbsp;</td>
      </tr>
      <tr>
        <td><label>
          <div align="center"><strong>KISS</strong>
              </label>
          </div>
          <div align="center"><strong> KEEP IT SUPER SIMPLE!       </strong></div>
          <p align="left">Only use the techniques you  really need to achieve what you want. The simpler the website is, the  easier access for people to use the website.</p></td>
          <td><label>
            <div align="center"><strong>Content Before Style</strong></div>
          </label>
          <p align="left">        Make sure you have something  interesting to say before you worry about how to organize the words.  Without good content, people will not visit the website, no matter how  spectacular the website looks.</p>
          </td>
          <td><div align="center">
            <p><strong>Keep the Reader in Control</strong></p>
            </div>
            </label>
          <div align="left">          Unlike  television, web browsing is an active process, which means the viewer  is in control. Anything that breaks this control interferes and  distracts users from using the website. </div></td>
        </tr>
      <tr>
        <td><label>
          <div align="center"><strong>Use Standards</strong></div>
        </label>
          <p align="left">When using techniques geared to one  particular browser, computer, or operating system, you are limiting  your audience for no particular reason. A complex website might  discourage the users to leave your website and go to other websites  that have simpler accesses. Remember you are competing with every other  website.</p>
          </td>
          <td><label>
            <div align="center"><strong>Pay Attention to User Ability</strong><br />
              <br />
            </div>
          </label>        <div align="left">Make sure  that your site is easy to navigate. People should know where to find  the information they want and the site is simple enough to comprehend  in a minute or less. </div></td>
          <td><label>
            <div align="center"><strong>Keep Download Times Short</strong></div>
          </label>
          <p align="left">If people have to wait five  minutes to download the index page, they will move on to another  website. The ideal download time for the front page should be between 3  and 10 seconds.</p>
          </td>
        </tr>
      <tr>
        <td><label>
          <div align="center"><strong>Keep Website Updated</strong></div>
        </label>
          <p align="left">After the website is created, the  website needs continuous maintenance to keep the information current.  Outdated information, broken links, missing files and pages are useless  and makes the website lose credibility.</p>
          </td>
          <td><label>
            <div align="center"><strong>Link to Other Sites</strong></div>
          </label>
            <p align="left">Do not be afraid to  link your website to other websites. Use the work other people have  completed and link your site to the available information. The greatest  value of any website is the links leading to and from the site to other  websites. </p>
          </td>
          <td><label>
            <div align="center"><strong>Get the Right People</strong></div>
          </label>
            <p align="left"> Aaffordable Web has the right  people to complete the process of building your website. Aaffordable  Web has the experience and the determination to meet your expectations.  Contact Aaffordable Web today and discover our exceptional service.</p></td>
        </tr>
    </table>
    
    
    </p>
    <p><img src="Bottom_Bar2.jpg" alt="Las Vegas Chamber of Commerce" width="966" height="117" border="0" usemap="#Map" /><!--This one is coming up-->
    <map name="Map" id="Map">
      <area shape="rect" coords="287,39,394,65" href="#" />
    <area shape="rect" coords="405,42,498,64" href="#" />
    <area shape="rect" coords="511,41,581,64" href="#" /><area shape="rect" coords="586,41,646,63" href="#" /></map></p>
    </center>
    </body>
    </html>
    Last edited by visions; 02-03-2007 at 04:57 AM.

  • #15
    Senior Coder CFMaBiSmAd's Avatar
    Join Date
    Oct 2006
    Location
    Denver, Colorado USA
    Posts
    3,026
    Thanks
    2
    Thanked 315 Times in 307 Posts
    You might want to check this using the w3.org validator - http://validator.w3.org (Edit: for the doctype used, there are 20+ errors, some of which might prevent the rendering of your img tags...)

    Also, this line is not a valid comment and might be causing the browser some problems in figuring out what to render -
    Code:
    <!-Some CSS for the Borders-->
    Last edited by CFMaBiSmAd; 02-03-2007 at 06:02 AM.
    If you are learning PHP, developing PHP code, or debugging PHP code, do yourself a favor and check your web server log for errors and/or turn on full PHP error reporting in php.ini or in a .htaccess file to get PHP to help you.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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