problemas al añador fotos o logotipos a la web

Hola, lo primero agradecer a jorgens la web taaaaaaaaan buena que tiene, seguro que a muchos nos a salvado :D

Tengo varias dudas y problemas :S:S que no consigo encontrar en la pagina web (creo que es porque no se buscarlo bien).
Lo primero los problemas:
al intentar poner un logotipo a mi pagina web... me sale el tipico cuadradito en algun color (creo que blanco) con la equis para cerrar la imagen en una esquina... no consigo hacer que se vean.. lo guardo como el nombre logotipo.gif y no consigo que se vea al ponerlo en mi pagina web... es un logotipo creado por mi entre photshop y paint... mas que un logotipo es una imagen que intento poner en toda la zona de logotipo y publicidad que jorgens explica es un web-ejemplo.
El segundo problema es que intento poner una imagen como fondo de pagina en lo que llamamos contenido, pero tampoco se ve :(. no encuentro algun motivo por el cual no se me vea ni el logotipo ni la imagen de fondo del contenido.

y ahora un par de dudas... como hay que hacer cuando estes escribiendo algo para publicarlo en tu web y quieras añadir una foto en un parrafo? y como podria insertar una tabla que yo la cambie en mi carpeta del ordenador y automaticamente se cambie en la web eso se podria hacer?¿?

muchisimas gracias de antemano. Sois una web cojonuda!! (con perdon de la palabra :P)

Pon tu codigo html y tu código css aquí para verlo
Si en tu código css dice jpg o png debes verificar que efectivamente tu imagen tenga esta extensión , para ello aprieta con el mause y ve propiedades.
Respecto a la ubicación de las imágenes estas deben estar en una carpeta llamada objetos dentro de la carpeta principal, no debes cambiar de ubicación las imágenes porque en el momento que pones las imágenes en el archivo html queda fijada la ruta de la imagen.

Hola aqui lo tienes:
el codigo html:
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><img src="objetos/fondo.gif" width="30px" height="30px" alt="logotipo"></div>
</div>
<div id="navegacion">


y el cogido css:
* {text-indent:0px; margin:0px; padding:0px; border:0px;}
p {text-align:justify;}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:center;}
h2 {font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:center;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#curva-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px; height:12px;overflow:hidden;}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:180px;}
#logotipo {background-color:white; width:517px; margin-top:25px;}
#navegacion {background-color:#CDAD00;border: black 1px solid ; height:20px;text-align: left}
#navegacion li {float:left ; list-style:none ; margin: 0px 13px 0px 13px }
#navegacion ul { margin-left: 50px }
#contenido {background-color:#FFEC8B ;border-left:black 1px solid; border-right:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px;text-indent:15px;}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom ; padding-bottom:5px }
#menu h1 {text-decoration:none; font-size:12px; background-image:url(objetos/menu-parte-superior.gif);}
#menu li {list-style:none; margin:4px 8px 4px 6px;}
#pie {border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid; height: 65px ; height: 65px ;}
#pie li {list-style:none; font-size:12px;}
#pieuno {float:left; width:150px;}
#piedos {background-color:silver; float:left; width:498px;}
#pietres {float:left;width:150px;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat: no-repeat ;width:800px ;height: 12px ;overflow: hidden;}
a {color: brown ; text-decoration:none ; display:block;}
a:link {}
a:visited {}
a:hover {color: blue ; text-decoration:none ;background-color: white;}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}


la foto que e puesto de logotipo es una cualquiera ya que el logotipo aun no lo he terminado

Luego lo miro con mas detalle a ver si te puedo ayudar, de momento te digo, me ha pasado algunas veces que los gif no se me ven, por varias razones:
Eh renombrado un archivo, por ejemplo era fondo.bmp y simplemente le doy a camiar nombre y modifico su extencion, lo eh guardado con extencion gif en un porgama antiguo, y no me lo reconoce. Prueba buscando una imagen cualquiera que no hayas modificado o que tenga otra extencion como jpg. a ver si se ven. Por que en una mirada rapida, no vi nada en el codigo, luego lo miro mejor

madiu muchas gracias, he conseguido que se viera la foto... pero ahora tengo un problema se ve la foto como en mosaico... muchas veces repetida... como podria hacer para que solo se viera una vez?
muchas gracias

Si has colocado una imagen de fondo a una capa, ésta se repetirá como un mosaico veritcal y horizontalmente.

Si no deseas que esto ocurra pon en el estilo de la capa que tiene esa imagen de fondo lo siguiente:

background-repeat: no-repeat;

Un abrazo y buenas fiestas!!