Lo primero, un saludo y un montón de gracias por lo explicado en el curso paso a paso.
He echo una página muy similar a la del citado curso, pero con mis datos.
Vista con el google Crome se ve totalmente descuadrada e incluso con Int. Expl. 8, en distintos ordenadores también. Mi dirección es "www.comitecoveright.ueuo.com". si necesitais algo más, porfa decirmelo y gracias de nuevo.
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify }
p {font.size: 1.1em }
h1 {font-size: 1.2em; color:#3A3A3C ; 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 {font.size: 2.0em; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: left}
h4 {font-size: 0.7em; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: center}
h5 {font.size: 1.1em; color:#FFE0FF ; font-weight: bold ; text-decoration: none ; text-align: center}
h6 {font.size: 1.3em ; color:#FFE0FF }
h8 {font-size: 0.9em ; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: center}
body { background-image: url(objetos comite/estrellasgrises.png) }
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos comite/curvasuperior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
a {color: #FFE1FF; font-size:1.3em ; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color:#9932CC ; text-decoration:underline ; background-color: #FFE1FF}
a:active {}
#cabecera {background-image: url(objetos comite/cabecera.jpg) ; background-color: #434347 ; border-left: #434347 1px solid ; border-right: #434347 1px solid ; height:85px}
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#logotipo {width:200px ; float:left ; margin: 0px 10px 0px 40px }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#navegacion {background-color: #9932CC ; border: #434347 10px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 200px }
#navegacionuno {background-color: #9932CC ; border: #434347 10px solid ; height:20px}
#navegacionuno li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacionuno ul { margin-left: 200px }
#contenidouno {background-color: #434347 ; float:left ; width: 200px ; border-left: #434347 1px solid }}
#contenidouno p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenidouno h1 {padding: 30px 10px 5px 10px}
#menu {width: 150px ; float:left ; text-align:left ; margin: 4px 10px 2px 25px ; background-image: url(objetos comite/menuinferior.gif); background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 50px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos comite/menusuperior.gif) ; padding-top:12px }
#menu h1 {font-size: 1.1em; color:#9932CC ; font-weight: bold ; text-decoration: underline ; text-align: center}
#menu a {color: #9932CC; text-decoration:none ; display: block }
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:#ffe0ff ; text-decoration:underline ; background-color: #9932CC }
#menu a:active {color:blue}
#contenidodos {background-color: #FFE0FF ; float:right ; width: 600px ; border-right: #434347 10px solid }}
#contenidodos p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenidodos h1 {padding: 5px 10px 5px 10px}
#contenidodos h4 {font-size: 0.7em; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: left ; padding: 0px 0px 20px 0px }
#pie { background-color: #434347 ; border-left: #434347 1px solid ; border-right: #434347 1px solid ; border-top: #434347 10px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#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}
#pieuno {float:left ; width:25px }
#piedos {float:left ; width:65px }
#pietres {float:left ; width:50px }
#piecuatro {float:left ; width:115px }
#piecinco {float:left ; width:368px }
#pieseis {float:left ; width:150px }
#piesiete {float:left ; width:25px }
#curva-inferior { background-image: url(objetos comite/curvainferior.gif) ; background-repeat: no-repeat ; width:800px ; height: overflow: hidden }
He echo una página muy similar a la del citado curso, pero con mis datos.
Vista con el google Crome se ve totalmente descuadrada e incluso con Int. Expl. 8, en distintos ordenadores también. Mi dirección es "www.comitecoveright.ueuo.com". si necesitais algo más, porfa decirmelo y gracias de nuevo.
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify }
p {font.size: 1.1em }
h1 {font-size: 1.2em; color:#3A3A3C ; 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 {font.size: 2.0em; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: left}
h4 {font-size: 0.7em; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: center}
h5 {font.size: 1.1em; color:#FFE0FF ; font-weight: bold ; text-decoration: none ; text-align: center}
h6 {font.size: 1.3em ; color:#FFE0FF }
h8 {font-size: 0.9em ; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: center}
body { background-image: url(objetos comite/estrellasgrises.png) }
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos comite/curvasuperior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
a {color: #FFE1FF; font-size:1.3em ; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color:#9932CC ; text-decoration:underline ; background-color: #FFE1FF}
a:active {}
#cabecera {background-image: url(objetos comite/cabecera.jpg) ; background-color: #434347 ; border-left: #434347 1px solid ; border-right: #434347 1px solid ; height:85px}
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#logotipo {width:200px ; float:left ; margin: 0px 10px 0px 40px }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#navegacion {background-color: #9932CC ; border: #434347 10px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 200px }
#navegacionuno {background-color: #9932CC ; border: #434347 10px solid ; height:20px}
#navegacionuno li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacionuno ul { margin-left: 200px }
#contenidouno {background-color: #434347 ; float:left ; width: 200px ; border-left: #434347 1px solid }}
#contenidouno p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenidouno h1 {padding: 30px 10px 5px 10px}
#menu {width: 150px ; float:left ; text-align:left ; margin: 4px 10px 2px 25px ; background-image: url(objetos comite/menuinferior.gif); background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 50px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos comite/menusuperior.gif) ; padding-top:12px }
#menu h1 {font-size: 1.1em; color:#9932CC ; font-weight: bold ; text-decoration: underline ; text-align: center}
#menu a {color: #9932CC; text-decoration:none ; display: block }
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:#ffe0ff ; text-decoration:underline ; background-color: #9932CC }
#menu a:active {color:blue}
#contenidodos {background-color: #FFE0FF ; float:right ; width: 600px ; border-right: #434347 10px solid }}
#contenidodos p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenidodos h1 {padding: 5px 10px 5px 10px}
#contenidodos h4 {font-size: 0.7em; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: left ; padding: 0px 0px 20px 0px }
#pie { background-color: #434347 ; border-left: #434347 1px solid ; border-right: #434347 1px solid ; border-top: #434347 10px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#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}
#pieuno {float:left ; width:25px }
#piedos {float:left ; width:65px }
#pietres {float:left ; width:50px }
#piecuatro {float:left ; width:115px }
#piecinco {float:left ; width:368px }
#pieseis {float:left ; width:150px }
#piesiete {float:left ; width:25px }
#curva-inferior { background-image: url(objetos comite/curvainferior.gif) ; background-repeat: no-repeat ; width:800px ; height: overflow: hidden }