Hola chicos...esto cada dia va cogiendo mas forma, pero tengo un problemilla.
La pagina no se ve como toca en el Firefox. El titulo 1, en vez de estar centrado, comienza en el centro, por lo que ocupa dos lineas.
Como lo puedo arreglar?? Aqui os dejo los codigos que tengo.
HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Jose A. Palomino "Titi"</title>
<link rel="stylesheet" href="estilo-principal.css" type=
"text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>
</div>
<div id="navegacion">
<div style="margin-left: 2em">
<ul>
Biografia
Fotos
Conciertos
Links
</div>
</div>
<div id="contenido">
<h1>Bienvenidos a mi pagina web</h1>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
CSS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {background-color: black;background-image: url(objetos/Fondo-principal.jpg);background-position: center; text-align: center; background-repeat: no-repeat ; height:100%; }
#global {width:800px ; margin:4px auto }
#cabecera {height:90px }
#logotipo {width:270px ; float:left; height: 90px }
#publicidad {widht: 518px; float: right; height: 90px}
#navegacion {background-color: gray; border: black 1px solid; ; height:20px; text-align: center }
#navegacion li{ float: left; list-style: none; margin: 0px 30px 0px 30px}
#contenido p{color: silver; background-color: orange }
h1{font-size: 1.4em; color: blue; font-weight: bold ; text-decoration: underline ; text-align: center }
#pie {background-color: brown; border: black 1px solid }
a {color: blue ; text-decoration:none ;display: block }
a:link {}
a:visited {color: purple}
a:hover {color:red ; text-decoration:underline}
a:active {}
p {text-align: justify}
#navegacion ul { margin-left: 50px }
Que puedo haceR?? Estoy medio desesperado ya...
La pagina no se ve como toca en el Firefox. El titulo 1, en vez de estar centrado, comienza en el centro, por lo que ocupa dos lineas.
Como lo puedo arreglar?? Aqui os dejo los codigos que tengo.
HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Jose A. Palomino "Titi"</title>
<link rel="stylesheet" href="estilo-principal.css" type=
"text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>
</div>
<div id="navegacion">
<div style="margin-left: 2em">
<ul>
</div>
</div>
<div id="contenido">
<h1>Bienvenidos a mi pagina web</h1>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
CSS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {background-color: black;background-image: url(objetos/Fondo-principal.jpg);background-position: center; text-align: center; background-repeat: no-repeat ; height:100%; }
#global {width:800px ; margin:4px auto }
#cabecera {height:90px }
#logotipo {width:270px ; float:left; height: 90px }
#publicidad {widht: 518px; float: right; height: 90px}
#navegacion {background-color: gray; border: black 1px solid; ; height:20px; text-align: center }
#navegacion li{ float: left; list-style: none; margin: 0px 30px 0px 30px}
#contenido p{color: silver; background-color: orange }
h1{font-size: 1.4em; color: blue; font-weight: bold ; text-decoration: underline ; text-align: center }
#pie {background-color: brown; border: black 1px solid }
a {color: blue ; text-decoration:none ;display: block }
a:link {}
a:visited {color: purple}
a:hover {color:red ; text-decoration:underline}
a:active {}
p {text-align: justify}
#navegacion ul { margin-left: 50px }
Que puedo haceR?? Estoy medio desesperado ya...