Hola chicos!
Antes que nada agradecerles por el curso porque esta super fácil!...
Ya diseñe mi pagina en el html-kit, sale linda..pero a la hora de subirla al servidor, sale descuadrada y no se ven las imágenes, he estado revisando los códigos, pero no encuentro el error :oops: Podrían ayudarme a ver que hice mal???
Estos son los códigos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Flores y frutas secas, prensadas</title>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
</div>
<div id="contenido">
<div align="center">
<center>
<table width="800px" border="0px" cellspacing="1px" cellpadding= "2px" height="50px">
<tr>
<td width="25%" height="50px" align="center" bgcolor="#FFA74F">¿Quienes somos?</td>
<td width="25%" height="50px" align="center" bgcolor="#FFA74F">Productos</td>
<td width="25%" height="50px" align="center" bgcolor="#FFA74F">Galería</td>
<td width="25%" height="50px" align="center" bgcolor="#FFA74F">Contáctenos</td>
</tr>
</table>
</center>
</div>
<div id="marquee">
<marquee height="25px">Flores, Frutas, Follaje secas y deshidratadas y muchos productos mas!...</marquee></p>
</div>
<h1>¿Quienes somos?</h1>
<p class="marginleft centrado">[contenido no disponible]
<p class="marginright centrado">Somos una empresa dedicada al deshidratado y prensado de flores, follajes y frutas.
A través de nuestros procesos productivos, hemos logrado obtener productos de calidad, para ser utilizados en manualidades.</p>
<p class="marginleft centrado">[contenido no disponible]
<p class="marginright centrado">Contamos también con una diversa gama de productos, entre los que podemos encontrar: barniz al agua, resina</p>
Contamos también con una diversa gama de productos, entre los que podemos encontrar: barniz al agua, resina</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
<html>
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
#global {width:800px ; margin: 4px auto}
p {text-align: justify}
h1 {font-size: 1.2em; color:green ; font-weight: bold ; text-align: center}
body {text-align: center; font-family: georgia, bookman old style, Arial, verdana; background-color: #FFFAF0;
background-image: url(objetos/hojas.png) ; background-repeat:repeat }
#cabecera {background-color: #FFA74F; height: 142px; border-left: green 1px solid ;
border-right: green 1px solid; border-top: green 1px solid}
#logotipo {width: 799px}
#table.width800 {width: 800px; background-color: #FFA74F; font-family: georgia; font-weight: bold}
#marquee {font-style: italic; height: 25px; padding:15px 0px 0x 0px; margin: 0px 0px 0x 0px }
#contenido {border-left: green 1px solid; border-right: green 1px solid}
#contenido p {padding: 5px 30px 5px 10px}
.marginleft{margin-left: 10px; float: left}
.marginright{margin-right: 10px; float:right}
#pie {background-color: #FFA74F; border-left: green 1px solid; border-right: green 1px solid;
border-top: green 1px solid; height: 30px}
a {color:green; text-decoration:none; display:block}
a:link {}
a:visited {}
a:hover {color:blue; text-decoration:underline; background-color:#F0FFF0}
a:active {}
Mil gracias!!!!
Antes que nada agradecerles por el curso porque esta super fácil!...
Ya diseñe mi pagina en el html-kit, sale linda..pero a la hora de subirla al servidor, sale descuadrada y no se ven las imágenes, he estado revisando los códigos, pero no encuentro el error :oops: Podrían ayudarme a ver que hice mal???
Estos son los códigos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Flores y frutas secas, prensadas</title>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
</div>
<div id="contenido">
<div align="center">
<center>
<table width="800px" border="0px" cellspacing="1px" cellpadding= "2px" height="50px">
<tr>
<td width="25%" height="50px" align="center" bgcolor="#FFA74F">¿Quienes somos?</td>
<td width="25%" height="50px" align="center" bgcolor="#FFA74F">Productos</td>
<td width="25%" height="50px" align="center" bgcolor="#FFA74F">Galería</td>
<td width="25%" height="50px" align="center" bgcolor="#FFA74F">Contáctenos</td>
</tr>
</table>
</center>
</div>
<div id="marquee">
<marquee height="25px">Flores, Frutas, Follaje secas y deshidratadas y muchos productos mas!...</marquee></p>
</div>
<h1>¿Quienes somos?</h1>
<p class="marginleft centrado">[contenido no disponible]
<p class="marginright centrado">Somos una empresa dedicada al deshidratado y prensado de flores, follajes y frutas.
A través de nuestros procesos productivos, hemos logrado obtener productos de calidad, para ser utilizados en manualidades.</p>
<p class="marginleft centrado">[contenido no disponible]
<p class="marginright centrado">Contamos también con una diversa gama de productos, entre los que podemos encontrar: barniz al agua, resina</p>
Contamos también con una diversa gama de productos, entre los que podemos encontrar: barniz al agua, resina</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
<html>
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
#global {width:800px ; margin: 4px auto}
p {text-align: justify}
h1 {font-size: 1.2em; color:green ; font-weight: bold ; text-align: center}
body {text-align: center; font-family: georgia, bookman old style, Arial, verdana; background-color: #FFFAF0;
background-image: url(objetos/hojas.png) ; background-repeat:repeat }
#cabecera {background-color: #FFA74F; height: 142px; border-left: green 1px solid ;
border-right: green 1px solid; border-top: green 1px solid}
#logotipo {width: 799px}
#table.width800 {width: 800px; background-color: #FFA74F; font-family: georgia; font-weight: bold}
#marquee {font-style: italic; height: 25px; padding:15px 0px 0x 0px; margin: 0px 0px 0x 0px }
#contenido {border-left: green 1px solid; border-right: green 1px solid}
#contenido p {padding: 5px 30px 5px 10px}
.marginleft{margin-left: 10px; float: left}
.marginright{margin-right: 10px; float:right}
#pie {background-color: #FFA74F; border-left: green 1px solid; border-right: green 1px solid;
border-top: green 1px solid; height: 30px}
a {color:green; text-decoration:none; display:block}
a:link {}
a:visited {}
a:hover {color:blue; text-decoration:underline; background-color:#F0FFF0}
a:active {}
Mil gracias!!!!