1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Web Design Adding my own images

Discussion in 'Web Design' started by o_b_jo, Apr 15, 2010.

  1. o_b_jo

    o_b_jo New Member

    Hello all,

    I'm trying to figure out what I'm doing wrong when trying to add my own images to my template.
    For example, the template came with 5 images of dogs (dog1, dog2, etc) but I want to replace these with images of cats.
    I've saved my images in the same folder, used similar names (cat1, cat2, etc), have similar image sizes, in jpg format,,,

    When I try to change a dog image for a cat image I get the alt "bog 1" box on my page.

    Any help would be appreciated.
    Thanks
     
    o_b_jo, Apr 15, 2010
    #1
  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Sounds like you are you using the dogstemplate.
    That is coming from the code in the index.html file (alt "bog 1" box on my page)
    Code:
    <div class="photos">
	<img src="images/[COLOR="Red"]dog1.jpg[/COLOR]" [COLOR="Blue"]alt="bog 1"[/COLOR] border="0" />
	<img src="images/[COLOR="#ff0000"]dog2.jpg"[/COLOR] [COLOR="#0000ff"]alt="bog 2"[/COLOR] border="0" />
	<img src="images/[COLOR="#ff0000"]dog3.jpg[/COLOR]" [COLOR="#0000ff"]alt="bog 3"[/COLOR] border="0" />
	<img src="images/[COLOR="#ff0000"]dog4.jpg[/COLOR]" [COLOR="#0000ff"]alt="bog 4"[/COLOR] border="0" />
	<img src="images/[COLOR="#ff0000"]dog5.jpg[/COLOR]" [COLOR="#0000ff"]alt="bog 5"[/COLOR] border="0" />
			</div>
    Did you also change the name of the dog files shown in red above to cat?

    Browsers will only display what the code tells them to. So if you did not change the name, when the browser can not find that file it displays the ALT TAG "bog 1" as listed in the code.
    I think the alt tag was to say - dog1, etc.
    You should use the alt tag in a descriptive manner - like alt="Calico" or alt="Calico Cat catching a mouse"

    Does this fix your problem?
     
    ishkey, Apr 15, 2010
    #2
  3. o_b_jo

    o_b_jo New Member

    Yes, I changed the name. Nothing else. This is my new line:

    <img src="images/cat1.jpg" alt="bog 1" border="0" />

    It just gives me the alt text on my page.

    I tried renaming the original image from the template and then it works but when I use one of my own images it doesn't. Is there something in the image properties that may be blocking the browser from finding the image in my folder?
     
    o_b_jo, Apr 15, 2010
    #3
  4. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    why don't you post one of your images so we can look at it.
     
    ishkey, Apr 15, 2010
    #4
  5. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Use the GO Advanced Button next to Post Quick Reply.
    Scroll down to Manage Attachments - Click on it
    Click the Choose Button Find your Pic on your PC
    Click Upload
     
    ishkey, Apr 15, 2010
    #5
  6. o_b_jo

    o_b_jo New Member

    Ok thanks! I was trying to get them up through ImageShack but this is better.
    So here's an original from the template (dog) and mine (cat).
     

    Attached Files:

    o_b_jo, Apr 15, 2010
    #6
  7. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Here is what shows on my side.
    I looked at it in IE8 FF3 and Opera10
    You might what to clear your browser cache.
    You saved your file after editing - I know dumb question.

    What browser and editor are you using?

    Image properties don't work that way.
     

    Attached Files:

    ishkey, Apr 15, 2010
    #7
  8. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Anyone else out there who can shed some light on this - please jump right it.
     
    ishkey, Apr 15, 2010
    #8
  9. o_b_jo

    o_b_jo New Member

    I was just editing in notepad as per your tutorial (I'm still new at this) and using Internet Explorer7.

    HA! Thanks!
    I can view it in FF but not IE.

    I need a new computer!!!
    Just being overdramatic,, I need to learn how to clean this one up instead and get rid of this Vista crap.
     
    o_b_jo, Apr 15, 2010
    #9
  10. o_b_jo

    o_b_jo New Member

    I was having the same problem when I modified the logo of the template. It wouldn't take my new image. SO, I cheated. :-D
    I changed my CSS file to include the logo image just as if it were a background image. Then it works.

    But I don't want to do that with my content because there may be many images that I will want to modify from time to time.
     
    o_b_jo, Apr 15, 2010
    #10
  11. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    It is an IE7 problem. If you have Vista you should be able to upgrade to IE8 which for MS is a WHOLE LOT BETTER and will fix your viewing problem.
    I like Vista it's been good to me, XP was great V7 don't know yet.
    I use Opera for most of my work as it is SO DARN FAST and compact.
    All three are on my PC, IE FF Opera this way I can look at the webs I make to see how they will display. Each has it's strong points and weaknesses they are just tools to work with nothing else.
     
    ishkey, Apr 15, 2010
    #11
  12. o_b_jo

    o_b_jo New Member

    I'm going to look into updating my IE right away.
    Thank you so much for your help. It's greatly appreciated.

    Now that this problem is fixed I have to learn how to upload all of my new pages to my brand new ISP platform.
    Thanks again!
     
    o_b_jo, Apr 15, 2010
    #12
  13. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Ok but don't forget to ask for a review in the Website Review Forum so we can see your work, besides the search engines pickup on that.
    Wow people are still reading my little tut. Good to know.
     
    ishkey, Apr 15, 2010
    #13
  14. enigma1

    enigma1 New Member

    In many cases there are errors in the html page generated or css files. Normally the exact html code and without html conditionals should display the same on all browsers including old versions of the IE going back to v5.

    So you can verify if the page is clean of html/css errors (you can use some FF plugins or the w3c validator) and then start checking the browsers. Because you never know the browser of each visitor comes in with.
     
    enigma1, Apr 16, 2010
    #14
  15. unhallowedangel

    unhallowedangel Logo Specialist

    Hey Ishkey, great work and i love how much you help the public!!!
     
    unhallowedangel, Apr 17, 2010
    #15
  16. o_b_jo

    o_b_jo New Member

    Updated to IE8, emptied the browser cache, all updates on the computer are done,,, still not able to view my image with IE. So for now, will proceed with FF until I figure out the issue with IE.

    Thanks all for your imput. I appreciate the help.
     
    o_b_jo, Apr 18, 2010
    #16