que tal, tengo un problema ya que quiero pegar una imagendentro del contenido de la pagina, asi que obte por poner una capa dentro de la capa contenido, la cosa es que al poner la imagen no aparese la misma, si no solo un recuadro blanco, y pues lo queiro poner centrado, y que no afecte el texto que esta dentro de contenido, esto es lo que he puesto en hatml:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ALSE (Arti-Limpieza-Del-Sureste) Productos</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera"><div id="logotipo">[contenido no disponible]</div>
<div id="navegacion"><ul>EMPREZA FABRICA PRODUCTOS CONTACTENOS</div>
<div id="contenido">
<div id="informacion"><h2>QUIENES SOMOS:</h2>
Somos una nueva empreza encargada de la venta de productos y articulos de limpieza del hogar.</p>
La idea fue consevida a mediados del año 2009, basados en una preocupacion en la alza de los precios de los productos de limpieza, de este modo obtamos por ofrecer productos de excelente calidad a un bajo precio, al iguial que los articulos de limpieza.</p>
Con el esfuerzo de Jose Antonio y su equipo han logrado establecer ALSE (Arti-Limpieza Del Sureste) la cual esta al servicio de sus necesidades.</p>
<h2>VISION:</h2>
Establecerse como empresa comercial de productos de limpieza en la región sureste de México por medio de la calidad y eficiencia en la venta-entrega de productos.</p>
<h2>MISION:</h2>
ALSE (Arti-Limpieza Del Sureste) tiene como misión ofrecer un producto de calidad capaz de competir con las marcas líderes en productos de limpieza así como facilitar a nuestros clientes su adquisición.</p></div>
<h1>NUESTROS PRODUCTOS</h1><h3>Brindando Calidad Para Su Bienestar</h3>
Tenemos una gama de productos y materiales de limpieza, desde artículos de cocina, hasta productos para su autos.</p>
A continuación le mostramos cada uno de estos en varias secciones, estamos seguros que llamaran su atención</p><div id="cocina">[contenido no disponible]</div></div>
<div id="pie">Elaborado Por <i onmousemove="javascript:alert('Servicio De Desarroyo de web, Contactenos A [correo eliminado] O Comuniquese Al Telefono Celular 044-993-23-50-803');">LopZet° Todos Los Derechos Reservados</div>
</div>
</body>
</html>
y esto es lo que llevo en la hoja de estilos:
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: left}
h1 {font-size: 1.2em; color:#FFDEAD ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:#FFA500 ; font-weight: bold ; text-decoration: none ; text-align: center}
h3 {font-size: 1.0em; color:#8B1A1A ; font-weight: bold ; text-decoration: underline ; text-align: center}
body {background-color: black; text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: red; border-top: black 1px solid}
#logotipouno {width:310; float:left; border-left: black 1px solid }
#navegacion {background-image: url(objetos/curva-menu.jpg); height:20px }
#navegacion li {float:left; list-style: none; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 150px }
#contenido {background-color: #CD5555; width: 800px; border-right: black 1px solid }
#contenido p {text-indent: 15px; padding: 5px 10px 5px 10px; float:left }
#informacion {width: 150px ; float:left; text-aligh: left; border-left: black 1px solid; background-image: url("objetos/fondo-informacion.jpg")}
#informacion p { text-indent: 15px }
#cocina {background-image: url(productos/objetos/cocina-reluciente.jpg");background-color: silver; float: left}
#pie {background-color: red; border: 1px solid black }
a { font-size:1.3em ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:#828282 ; text-decoration:underline;background-color: #8B0000}
a:active {}
de ante mano les doy gracias por su ayuda, ha y si alguien sabe como aser un formulario funcional en el html-kid, que pona las lecciones paso a paso, asi se beneficiarina muchos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ALSE (Arti-Limpieza-Del-Sureste) Productos</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera"><div id="logotipo">[contenido no disponible]</div>
<div id="navegacion"><ul>
<div id="contenido">
<div id="informacion"><h2>QUIENES SOMOS:</h2>
Somos una nueva empreza encargada de la venta de productos y articulos de limpieza del hogar.</p>
La idea fue consevida a mediados del año 2009, basados en una preocupacion en la alza de los precios de los productos de limpieza, de este modo obtamos por ofrecer productos de excelente calidad a un bajo precio, al iguial que los articulos de limpieza.</p>
Con el esfuerzo de Jose Antonio y su equipo han logrado establecer ALSE (Arti-Limpieza Del Sureste) la cual esta al servicio de sus necesidades.</p>
<h2>VISION:</h2>
Establecerse como empresa comercial de productos de limpieza en la región sureste de México por medio de la calidad y eficiencia en la venta-entrega de productos.</p>
<h2>MISION:</h2>
ALSE (Arti-Limpieza Del Sureste) tiene como misión ofrecer un producto de calidad capaz de competir con las marcas líderes en productos de limpieza así como facilitar a nuestros clientes su adquisición.</p></div>
<h1>NUESTROS PRODUCTOS</h1><h3>Brindando Calidad Para Su Bienestar</h3>
Tenemos una gama de productos y materiales de limpieza, desde artículos de cocina, hasta productos para su autos.</p>
A continuación le mostramos cada uno de estos en varias secciones, estamos seguros que llamaran su atención</p><div id="cocina">[contenido no disponible]</div></div>
<div id="pie">Elaborado Por <i onmousemove="javascript:alert('Servicio De Desarroyo de web, Contactenos A [correo eliminado] O Comuniquese Al Telefono Celular 044-993-23-50-803');">LopZet° Todos Los Derechos Reservados</div>
</div>
</body>
</html>
y esto es lo que llevo en la hoja de estilos:
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: left}
h1 {font-size: 1.2em; color:#FFDEAD ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:#FFA500 ; font-weight: bold ; text-decoration: none ; text-align: center}
h3 {font-size: 1.0em; color:#8B1A1A ; font-weight: bold ; text-decoration: underline ; text-align: center}
body {background-color: black; text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: red; border-top: black 1px solid}
#logotipouno {width:310; float:left; border-left: black 1px solid }
#navegacion {background-image: url(objetos/curva-menu.jpg); height:20px }
#navegacion li {float:left; list-style: none; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 150px }
#contenido {background-color: #CD5555; width: 800px; border-right: black 1px solid }
#contenido p {text-indent: 15px; padding: 5px 10px 5px 10px; float:left }
#informacion {width: 150px ; float:left; text-aligh: left; border-left: black 1px solid; background-image: url("objetos/fondo-informacion.jpg")}
#informacion p { text-indent: 15px }
#cocina {background-image: url(productos/objetos/cocina-reluciente.jpg");background-color: silver; float: left}
#pie {background-color: red; border: 1px solid black }
a { font-size:1.3em ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:#828282 ; text-decoration:underline;background-color: #8B0000}
a:active {}
de ante mano les doy gracias por su ayuda, ha y si alguien sabe como aser un formulario funcional en el html-kid, que pona las lecciones paso a paso, asi se beneficiarina muchos