neuen77 escribió:hola estoy creando una pagina apartir de la plantilla del curso.
claro le voy haciendo modificaciones, pero resulta que con explorer no hay problema pero con firefox sale mal.como puedo solucionarlo. que info necesitan para ver mi problema? :cry:
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body background="objetos/fondo7.gif" onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="orca">
[contenido no disponible]</div>
<div id="publicidad"><h3>dedicados a la venta de tierras en la patagonia</h3></div>
</div>
<div id="navegacion">
<ul>
home
quienes somos
campos
contactenos
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>[contenido no disponible][contenido no disponible]
[contenido no disponible]Enlace 4
</div>
<h4>Seleccione la provincia de la que guste imformaciòn</h4> </span>
[contenido no disponible]
<map name="rio" id="rio">
<area shape="poly" coords="71,41" href="http://tierrasycampos.com.ar/t/buscarcampo.asp?busqueda=rioja&opcio…!">
<area shape="poly" coords="61,56,67,67,77,75,87,78,89,88,89,101,83,110,70,123,66,134,56,143,54,151,55,114" href="#" target="_self">
<area shape="poly" coords="77,308,-78,399" href="#">
<area shape="poly" coords="94,46,138,45,139,26,153,26,155,112,136,103,119,101,107,90,99,74,94,71" href="#">
<area shape="poly" coords="52,163,54,173,134,173,135,148,157,161,153,153,153,121,132,108,119,108,111,102,102,97" href="#">
<area shape="poly" coords="54,180,63,263,96,265,121,237,132,203,130,186,130,180" href="#">
<area shape="poly" coords="58,280,48,380,69,415,88,416,86,398,88,376,95,370,100,359,103,343,112,327,121,314,119,305,104,293,101,282,91,278,78,278" href="#">
</map>
</div>
<h1>Esta será la zona principal de la web</h1>
[contenido no disponible]</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo
pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para
separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea,
que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos
alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno"><ul>
Foro EjemploContactosNos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>
DirectorioTopSiteMapa de la Web
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
estilo
* {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}
h3 {ont-size: 2.2em; color:#FDF5E6 ; font-weight: bold ; text-decoration: none ;
text-align: center}
h4{text-indent:0px ; margin:20px ; padding:0px ; border:0px;ont-size: 0.2em; color:#BDB76B ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center ;body {background-color:none ; background-image: url() ; background-position: center center ; background-repeat:no-repet; height:100%; }
#global {width:800px ; margin:4px auto;{background-color:#F5DEB3;background-image: url(objetos/tierra.gif) }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: black ; border-left: black 1px solid ;
border-right: black 1px solid ; height:100px}
#orca {widt280px ; float:left }
#navegacion {background-color: #A52A2A ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: none; border-left: black 1px solid ;
border-right: black 1px solid }
#campo1 {widt280px ; float:left }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: #556B2F; 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 li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: brown ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno { float:left ;width:150px}
#piedos { 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:#F5DEB3; text-decoration:none ; }
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:underline ; background-color:#B22222}
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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}