Hola,
Cuando abro la pagina en mozilla los enlaces se me ven mal al igual q el pieuno y el piedos de la pagina.
esta es la pagina:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>MIMATE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {background-image: url(OBJETOS/chicajpg.jpg)}
-->
</style></head>
<body>
<div id= global>
<div id="cabecera"><h1>MIMATE COMPLEMENTS</h1></div>
<div id="contenido">
<div id="menu"><ul>NECKLACES BRACELETS EARRINGS RINGS HAIR CLIPS KEY RINGS ORDER FORM
</div>
</div>
<div class="derecha">
<div id="pieuno"><h2>FOR MORE INFORMATION</h2></div>
<div id="piedos"><h2>[correo eliminado]</h2></div>
</div>
</div>
</body>
<html>
y esta la hoja de estilos:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center ; background-image: url(objetos/chica.png); background-repeat: no-repeat; background-position: left }
p {text-align: justify}
h1 {font-size:1.7em ; color:green ; font-weight:bold ; text-decoration:underline ; text-position: center}
h2 {font-size:1.0em ; color:green ; font-weight:bold ; text-position: right}
#cabecera {text-align:right}
#navegacion {}
#contenido {float:right }
#contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
#global {width:800px ; margin: 4px auto }
#menu { width: 150px ; float:right ; text-position:right; margin: 5px 10px 5px 10px; text-decoration:none ; font-size:20px}
#menu li {list-style:none ; margin: 50px 50px 50px 50px}
a {color:green; text-decoration:none; display: block }
a:link {}
a:visited {}
a:hover {color:light-green; text-decoration:underline; background-color: silver; display: block}
a:active {}
.centrado {text-align: center}
#pie{width: 150 px ; float: right; text-position:right}
.derecha {text-align:right}
Muchas gracias
Cuando abro la pagina en mozilla los enlaces se me ven mal al igual q el pieuno y el piedos de la pagina.
esta es la pagina:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>MIMATE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {background-image: url(OBJETOS/chicajpg.jpg)}
-->
</style></head>
<body>
<div id= global>
<div id="cabecera"><h1>MIMATE COMPLEMENTS</h1></div>
<div id="contenido">
<div id="menu"><ul>
</div>
</div>
<div class="derecha">
<div id="pieuno"><h2>FOR MORE INFORMATION</h2></div>
<div id="piedos"><h2>[correo eliminado]</h2></div>
</div>
</div>
</body>
<html>
y esta la hoja de estilos:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center ; background-image: url(objetos/chica.png); background-repeat: no-repeat; background-position: left }
p {text-align: justify}
h1 {font-size:1.7em ; color:green ; font-weight:bold ; text-decoration:underline ; text-position: center}
h2 {font-size:1.0em ; color:green ; font-weight:bold ; text-position: right}
#cabecera {text-align:right}
#navegacion {}
#contenido {float:right }
#contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
#global {width:800px ; margin: 4px auto }
#menu { width: 150px ; float:right ; text-position:right; margin: 5px 10px 5px 10px; text-decoration:none ; font-size:20px}
#menu li {list-style:none ; margin: 50px 50px 50px 50px}
a {color:green; text-decoration:none; display: block }
a:link {}
a:visited {}
a:hover {color:light-green; text-decoration:underline; background-color: silver; display: block}
a:active {}
.centrado {text-align: center}
#pie{width: 150 px ; float: right; text-position:right}
.derecha {text-align:right}
Muchas gracias