Hola muchachos, les escribo desde Argentina. He terminado el curso paso a paso de cctw y veo que mi pagina se ve bien en todos los navegadores exepto en google chrome? por que puede ser?.. El titulo principal del body entre h1 aparece una parte alineada a la derecha y el resto centrada abajo, cortando en titulo en dos..
No se ve bien en google chrome
Amigo danos los códigos no somos adivinos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Página de Inicio</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<a id="mws4781829" href="http://webstats.motigo.com/">
[contenido no disponible]</a>
<script src="http://m1.webstats.motigo.com/c.js?id=4781829&lang=ES&i=20" type="text/javascript"></script>
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>Portada La Pc Moderna
Sof-Hardware Redes Descargas Foros
</div>
<div id="contenido">
<h1> "Bienvenidos a la Primera Página Oficial de José Eduardo" </h1>
Estoy construyendo mi sitio web después de cargar algunos archivos y datos en el disco los subire para que los que quieran puedan descargarlos </p>
<h2>Este será el Segundo titulo Principal de Esta Portada</h2>
Luego tendre espacios para detallar problemas de sofware, harware, redes y todo lo relacionado a la Informática</p>
Con la poca experiencia que tengo creo llegar a completar esta pagina en poco tiempo amigo. De paso va un detalle no le presten mucha atención a los textos de las mismas a menos que se refiera a informatica...</p>
Vamos a ver que pasa ahora completar el texto de esa linea, los borde de las capas ya estan fuera de linea al igual que el texto escrito en el intervalo a1 a2 a3</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo Contactos Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio TopSite Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
esto es el index.
y la hoja de estilos es:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 20px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 20px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid ;border-bottom: black 1px solid}
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
#menu {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 ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie {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: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
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 {}
Nota: recien la estoy armando siguiendo el curso de cctw. gracias por el tú tiempo.
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Página de Inicio</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<a id="mws4781829" href="http://webstats.motigo.com/">
[contenido no disponible]</a>
<script src="http://m1.webstats.motigo.com/c.js?id=4781829&lang=ES&i=20" type="text/javascript"></script>
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<h1> "Bienvenidos a la Primera Página Oficial de José Eduardo" </h1>
Estoy construyendo mi sitio web después de cargar algunos archivos y datos en el disco los subire para que los que quieran puedan descargarlos </p>
<h2>Este será el Segundo titulo Principal de Esta Portada</h2>
Luego tendre espacios para detallar problemas de sofware, harware, redes y todo lo relacionado a la Informática</p>
Con la poca experiencia que tengo creo llegar a completar esta pagina en poco tiempo amigo. De paso va un detalle no le presten mucha atención a los textos de las mismas a menos que se refiera a informatica...</p>
Vamos a ver que pasa ahora completar el texto de esa linea, los borde de las capas ya estan fuera de linea al igual que el texto escrito en el intervalo a1 a2 a3</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
esto es el index.
y la hoja de estilos es:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 20px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 20px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid ;border-bottom: black 1px solid}
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
#menu {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 ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie {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: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
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 {}
Nota: recien la estoy armando siguiendo el curso de cctw. gracias por el tú tiempo.