Images in html

**drummer7771212** · 11-04-2010 05:15 PM

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!!!!!

**Thompson** · 11-04-2010 06:08 PM

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: Images in html

Thread Tools

Display

Images in html

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions