www.webdeveloper.com
Results 1 to 2 of 2

Thread: Images in html

  1. #1
    Join Date
    Nov 2010
    Posts
    1

    Angry Images in html

    I DON'T KNOW WHY MY IMAGES ARE NOT SHOWING UP....AT FIRST A BOX WITH A RED X WAS SHOWING UP BUT NOW AFTER CHANGING MY CODE IT IS NOT....
    I HAVE MY HTML IN A FOLDER ON MY DESKTOP THAT I HAVE TITLED "HTML".
    MY PICS ARE ALSO SAVED IN THIS FOLDER ON MY DESKTOP. I HAVE THREE PICS THEY ALL THE SAME JUST COPIED AND RENAMED.
    MY CODE IS AS FOLLOWS:
    ======================================================
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
    
    Strict//EN"
            
    
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" 
    
    xml:lang="en" lang="en">
    <head>
        <title>C.C.REFUFGIO DE AMOR</title>
        <meta http-equiv="Content-Type"
            content="text/html; charset=UTF-8" />
    <body style="background-color:PowderBlue;">
    <head>
    <title><center>CENTRO CRISTIANO REFUGIO DE 
    
    AMOR</center></title>
    </head>
    
    <body>
    
    <b><center><i><h1>CENTRO CRISTIANO REFUGIO DE 
    
    AMOR</h1></i></center></b>
    <p><center>4845 Goldfield St</center> 
    <p><center>San Antonio, Texas 78218 Suite 
    
    105</center></p> 
    <hr></hr>
    <img src="pastors3.jpeg"   align="left"      height="10"   
    
    width="10"/>
    <table border="4">
    <tr>
    <td><p><h1><i>Cansado de vivir una vida vacia y 
    
    llena de problemas? Sientes que tu vida esta vacia y 
    
    sin sentido? Te sientes atrapado y que nadie puede 
    ayudarte a salir de tus problemas? Te sientes 
    
    enfermo, cansado y derrotado? Si has llegado a un 
    
    punto de donde tienes que tomar una decision muy 
    
    importante
    en tu vida? Escucha a la voz del <b><i>SENOR 
    
    JESUS</b></i> el pago por tus pecados en la cruz del 
    
    calvario. Todos venimos a este mundo por un 
    
    proposito, encuentra tu proposito en DIOS. Te 
    
    invitamos a escuchar la palabra poderosa de 
    
    DIOS.</i></h1></p></td>
    </table>
    
    <table border="10">
    <tr>
    <td><h2><b>Horas de Servicio:
    Domingo 9:45am</h2>
    <p><b>TODOS SON INVITADOS</b></p>
    </table></td>
    <h3>PASTORES:Adolfo and Gloria Oliveros</h3>
    <img src="C:\Documents and 
    
    Settings\Armando\Desktop\HTML\church 
    
    pics/pastors1.jpeg"  alt ="pastors" align="right"      
    
    height="30"   width="10"/>
    <p><strong>envianos sus preguntas y comentarios a 
    
    <i>centrocristianorefugiodeamor@yahoo.com</i></p>
    
    </strong>
    
    </body>
    
    <img src =  "C:\Documents and 
    
    Settings\Armando\Desktop\HTML\church pics" 
    
    
    <p><center>created by abjr</center></p>
    
    </html>
    =======================================================
    THIS IS A WEBSITE THAT I AM CREATING FOR A FRIEND ---ITS FOR A CHURCH.....IN SPANISH


    I WOULD APPRECIATE ANY HELP---THANKS!!!!!
    Last edited by Fang; 11-05-2010 at 01:17 AM. Reason: added code tags http://www.webdeveloper.com/forum/misc.php?do=bbcode

  2. #2
    Join Date
    Mar 2008
    Posts
    15
    OK something you should know with HTML is you should use relative paths when pointing to files on the computer..

    Where you have code such as:

    Code:
    <img src="C:\Documents and Settings\Armando\Desktop\HTML\church pics/pastors1.jpeg" alt ="pastors" align="right" height="30" width="10"/>
    First of all i would start my renaming the folder which contains you images to "church_pics" because it is never a good idea to have spaces in filenames.

    Once you have renamed the folder insert this code in place of the old.

    Code:
    <img src="church_pics/pastors1.jpeg" alt="pastors" align="right" height="30" width="10"/>
    You need to keep in mind that the html file will need to be one file up in the directory structure for this to work. If you move the html file it will cause the 'red X' you are talking about.

    Apply this to all your images and it will work.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles