Buen dia a todos espero esten pasandola lo mejor posible, el problema q tengo es el siguiente, como el logo de CCTW, le puse dos logos a ala pagina web q estoy creando pero necesito colocarlos en las esquinas superiores, la del lado izquierdo me queda bien pero la de el lado derecho me queda centrada y no se por que serias tan amables de poder ayudarme les dejo los codigos y porfa la verdad necesito q me ayuden muchas gracias por todo lo q hacen por nosotros creanme q ami me a ayudado un monton gracias.
SLDS exitos.
Codigo .html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
<title>Centro Universitario de el Progreso "CUNPROGRESO" </title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body><div id="global">
<div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo">[contenido no disponible]</a></div><div id="logotipo i">[contenido no disponible]</a></div><div id="publicidad">Centro Universitario de el Progreso "CUNPROGRESO"</div></div>
<div id="navegacion"><ul>Portada Hacerca de "CUNPROGRESO" Primer Ingreso Carreras Cursos Actividades Contactos</div>
<div id="contenido"><div id="menu"><ul><h1>Título de Sección 1</h1> Horario de Control Academico Horarios de Tesoreria Carreras 2011 Voletin Informaivo</div>
<h1>Centro Universitario de el Progreso "CUNPROGRESO"</h1><h2>Informacion General</h2>
Direccion : Barrio el Porvenir, atrás de gasolinera Calle Real, Guastatoya El Progreso</p>
Tel : 7945-0624</p>
E-mail (Correo Electronico) [correo eliminado]</p>
<a href="mailto:[correo eliminado]">
[contenido no disponible]</p></a>
<h2>Horarios de Atención</h2>
<h2>Oficinas de Control Academico:</h2>
__________________Lunes a Viernes de 9:00 a.m A 16:00 p.m Y sabados de 8:00 a.m A 12:00 p.m_________________</p>
<h2>Oficinas Tesoreria</h2>
_____________________________________De 9:00 a.m A 17:00 p.m______________________________________</p><h2>Carreras para el Año 2011</h2>
.</p>
- 1. Licenciatura en Administracion de Empresas</p>
- 2. Profesorado en Enseñanza Media de Matematica y Fisica</p>
- 3. Ingenieria Industrial </p>
- 4. Ingenieria</p>
- 5. Licenciatura en Ciencias Juridico Sociales (Derecho)</p>
<h2>"Voletin Informativo"</h2>
"""""Este espacio se Usara para colocar cualquier tipo de Informacion de ""Caracter publico Urgente"" como alguna Anuncio de ultima hora o algo por el estilo jejeje, amm por ejemplo algo como esto La Fecha de la Ultima Oportunidad es el 18 de Octubre de 2010 este examen es para poder ingersar el proximo año en el 2011 sin estos examenes no puede ingresar a ninguna de las carreras que imparte la Universidad de San Carlos de Guatemala algo asi. </p>
</div>
<div id="pie"><div id="pieuno"><ul> Foro Ejemplo Contactos Nos Enlaza</div><div id="piedos">Informacion reciente</div><div id="pietres"><ul> Directorio TopSite Mapa de la Web</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Codigo .css
* {text-indent:0px ; margin:0px ; padding:0px ; borde: 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}
body {text-align: center ; background-color: #CDC9A5 }
#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:10px ; float:left }
#logotipo i { width:10px ; float:right }
#publicidad { width: 650px ; float:left ; margin-top:25px}
#navegacion {background-color: #EECFA1 ; border: black 1px solid ; height:100px}
#navegacion li {float:left ; list-style:none ; margin: 45px 5px 0px 5px ; font-size: 18px }
#navegacion ul {margin-left: 40px }
#contenido {background-color: #FFFACD ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 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: 4xp 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px }
#pie {background-color: #EEE9BF ; 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: red ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:#000000 ; text-decoration: zoom ; background-color: #F5F5DC}
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}
SLDS exitos.
Codigo .html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
<title>Centro Universitario de el Progreso "CUNPROGRESO" </title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body><div id="global">
<div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo">[contenido no disponible]</a></div><div id="logotipo i">[contenido no disponible]</a></div><div id="publicidad">Centro Universitario de el Progreso "CUNPROGRESO"</div></div>
<div id="navegacion"><ul>
<div id="contenido"><div id="menu"><ul><h1>Título de Sección 1</h1>
<h1>Centro Universitario de el Progreso "CUNPROGRESO"</h1><h2>Informacion General</h2>
Direccion : Barrio el Porvenir, atrás de gasolinera Calle Real, Guastatoya El Progreso</p>
Tel : 7945-0624</p>
E-mail (Correo Electronico) [correo eliminado]</p>
<a href="mailto:[correo eliminado]">
[contenido no disponible]</p></a>
<h2>Horarios de Atención</h2>
<h2>Oficinas de Control Academico:</h2>
__________________Lunes a Viernes de 9:00 a.m A 16:00 p.m Y sabados de 8:00 a.m A 12:00 p.m_________________</p>
<h2>Oficinas Tesoreria</h2>
_____________________________________De 9:00 a.m A 17:00 p.m______________________________________</p><h2>Carreras para el Año 2011</h2>
.</p>
- 1. Licenciatura en Administracion de Empresas</p>
- 2. Profesorado en Enseñanza Media de Matematica y Fisica</p>
- 3. Ingenieria Industrial </p>
- 4. Ingenieria</p>
- 5. Licenciatura en Ciencias Juridico Sociales (Derecho)</p>
<h2>"Voletin Informativo"</h2>
"""""Este espacio se Usara para colocar cualquier tipo de Informacion de ""Caracter publico Urgente"" como alguna Anuncio de ultima hora o algo por el estilo jejeje, amm por ejemplo algo como esto La Fecha de la Ultima Oportunidad es el 18 de Octubre de 2010 este examen es para poder ingersar el proximo año en el 2011 sin estos examenes no puede ingresar a ninguna de las carreras que imparte la Universidad de San Carlos de Guatemala algo asi. </p>
</div>
<div id="pie"><div id="pieuno"><ul>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Codigo .css
* {text-indent:0px ; margin:0px ; padding:0px ; borde: 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}
body {text-align: center ; background-color: #CDC9A5 }
#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:10px ; float:left }
#logotipo i { width:10px ; float:right }
#publicidad { width: 650px ; float:left ; margin-top:25px}
#navegacion {background-color: #EECFA1 ; border: black 1px solid ; height:100px}
#navegacion li {float:left ; list-style:none ; margin: 45px 5px 0px 5px ; font-size: 18px }
#navegacion ul {margin-left: 40px }
#contenido {background-color: #FFFACD ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 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: 4xp 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px }
#pie {background-color: #EEE9BF ; 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: red ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:#000000 ; text-decoration: zoom ; background-color: #F5F5DC}
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}