Estoy realizando el curso paso a paso, voy por la etapa 3.
Pero a la hora de cxargar el logotipo a la web, resulta que este no se ve.
Me paso con el index en cual puse un fondo y unas imagesne y algunas se ven y otras no. Queria saber cual es la mejor extension para las imagenes y fondos jpg gif o png?
En la vista previa del hotmail kit esta odo bien el problema es en el explorer.
aca dejo el estilo-generales.ccs
* {margin:0px ; padding:0x ; border:0px}
body {text-aling:justify}
#global {width:800px; margin: 0pxcenter}
#cabecera {background-color:white; border-left: black 1px solid ; border-right: black 1px solid; height:85px}
#logotipo {background-color: brown; width:270px;float:left}}
#publicidad {background-color: white; width:518px; float:right ;margin-top:25px}}
#navegacion {background-color: gray; Border: 5px solid black }
#contenido p {background-color: orange ; width: auto ; padding: 5px 10px 5px 5px ; text-indent: 20px; margin:10px; Border: 5px solid black}}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left; margin:3px 10px 3px 3px ; Border: 5px solid black }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#menu li { list-style: none; text-align: center}
#menu li {list-style:none ; margin: 0px 0px 0px 0px}
.centrado {text-align: center}
a {color: #cc0000; font-size:1.0em ; text-decoration: none; display:}
a:link {}
a:visited {}
a:hover {color: red; text-decoration: underline ; background-color: green}
a:active{}
h1 {font-size: 1.5em; color: green ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.0em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.PNG);
background-repeat: no-repeat;
width:1000px ;
height: 12px;
overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.PNG) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow: hidden }
ACA DEJO LA plantillas.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="global"</div>
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</div>
</a>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion"><p class="centrado">Barra de Navegación</div></p>
<div id="contenido">
<div id="menu"><h1 class="centrado">MENÚ</h1><ul><h2 href="#">EMPRESA</h2> <h2 href="#">PRODUCTOS</h2> <h2 href="#">SERVICIOS</h2> <h2 href="#">PEDIDOS</h2>
</div><h1 class="centrado">Esta será la zona principal de la web</h1>
<p class="centrado"> Proveer a los emprendimientos inmobiliarios la calidad y la seguridad de los productos edilicios, destacándonos en la seriedad y el compromiso con cada uno de ellos, tanto en el servicio como, en la calidad y la responsabilidad tratando de proveer a cada uno de nuestros clientes en tiempo y forma lo necesario para que logren reducir los costos y aumentar la calidad de sus obras.</p>
</div>
<p class="centrado">[correo eliminado]
<p class="centrado">CONTACTO</p>
<div id="pie"><p class="centrado">Este es el pié de página</div></p>
<div id="curva-inferior"></div>
</body>
</html>
Aca dejo el link de la pagina que estoy haciendo!
http://jbpcorralones.myartsonline.com
http://jbpcorralones.myartsonline.com/plantillas.html
Desde ya agrezco una resuesta y espero se perdonen los errores ya que recien estoy aprendiendo jaja Saludos!
Pero a la hora de cxargar el logotipo a la web, resulta que este no se ve.
Me paso con el index en cual puse un fondo y unas imagesne y algunas se ven y otras no. Queria saber cual es la mejor extension para las imagenes y fondos jpg gif o png?
En la vista previa del hotmail kit esta odo bien el problema es en el explorer.
aca dejo el estilo-generales.ccs
* {margin:0px ; padding:0x ; border:0px}
body {text-aling:justify}
#global {width:800px; margin: 0pxcenter}
#cabecera {background-color:white; border-left: black 1px solid ; border-right: black 1px solid; height:85px}
#logotipo {background-color: brown; width:270px;float:left}}
#publicidad {background-color: white; width:518px; float:right ;margin-top:25px}}
#navegacion {background-color: gray; Border: 5px solid black }
#contenido p {background-color: orange ; width: auto ; padding: 5px 10px 5px 5px ; text-indent: 20px; margin:10px; Border: 5px solid black}}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left; margin:3px 10px 3px 3px ; Border: 5px solid black }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#menu li { list-style: none; text-align: center}
#menu li {list-style:none ; margin: 0px 0px 0px 0px}
.centrado {text-align: center}
a {color: #cc0000; font-size:1.0em ; text-decoration: none; display:}
a:link {}
a:visited {}
a:hover {color: red; text-decoration: underline ; background-color: green}
a:active{}
h1 {font-size: 1.5em; color: green ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.0em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.PNG);
background-repeat: no-repeat;
width:1000px ;
height: 12px;
overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.PNG) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow: hidden }
ACA DEJO LA plantillas.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="global"</div>
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</div>
</a>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion"><p class="centrado">Barra de Navegación</div></p>
<div id="contenido">
<div id="menu"><h1 class="centrado">MENÚ</h1><ul>
</div><h1 class="centrado">Esta será la zona principal de la web</h1>
<p class="centrado"> Proveer a los emprendimientos inmobiliarios la calidad y la seguridad de los productos edilicios, destacándonos en la seriedad y el compromiso con cada uno de ellos, tanto en el servicio como, en la calidad y la responsabilidad tratando de proveer a cada uno de nuestros clientes en tiempo y forma lo necesario para que logren reducir los costos y aumentar la calidad de sus obras.</p>
</div>
<p class="centrado">[correo eliminado]
<p class="centrado">CONTACTO</p>
<div id="pie"><p class="centrado">Este es el pié de página</div></p>
<div id="curva-inferior"></div>
</body>
</html>
Aca dejo el link de la pagina que estoy haciendo!
http://jbpcorralones.myartsonline.com
http://jbpcorralones.myartsonline.com/plantillas.html
Desde ya agrezco una resuesta y espero se perdonen los errores ya que recien estoy aprendiendo jaja Saludos!