Miren, si ven el icono de facebook abajo? Bueno me faltan por agregar el de twitter, etc, pero el caso es que quiero que todos esos iconos queden a la derecha de la web, en la parte de abajo, tambien quiero que miren si el codigo que hice esta bien o mal, si me falta o me sobra algo, aqui va:
Codigo html
Código HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <head> <title>Pagina principal de Sistema de informatica</title> <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type> <link rel="stylesheet" href="estilos.css" type="text/css" media="all"> </head> <body> <div id="global"> <div id="cabecera"> <img src="objetos/img.jpg" width="797" height="150" alt="Texto" /> </div> <div id="navegacion"> <ul> <li><a href="#">Inicio</a> </li><li><a href="#">Cursos</a> </li><li><a href="#">Tutoriales</a> </li> <li><a href="#">Contactenos</a></li> </ul> </div> <div id="contenido"> <h1>Nueva pagina web!</h1> <h2>Sistema de informatica.</h1> <p>Estas en la pagina principal de Sistema de Informática, la web con mayor numero de tutoriales sobre informatica en toda la red. En este momento, la web se encuentra en construccion, pero puedes pasar dentro de unos dias, ya estamos agregando algunas cosas a la web.</p> <img src="objetos/iconofacebook.png" width="50" height="50" alt="icono Facebook" /> </div> <div id="pie"> Este es el pie de pagina </div> </div> </body> </html>
Codigo css
Código :
* {margin:0px; padding:0px; border:0px;}
p {text-align: justify; margin: 0px 3px 1px 3px}
body {text-align:center; font-family: Calisto MT }
#global {width:800px; margin:4px auto;}
#cabecera {background-image: barra.jpg; height:150px; border-top: black 1px solid ; border-left: black 1px solid ;
border-right: black 1px solid}
#navegacion {background-color:#5FAA38; border:black 1px solid; height:30px;}
#navegacion ul { margin-left: 140px }
#navegacion li {float:left; list-style:none; margin:5px 50px 0px 20px;}
#contenido { background-color: write ; border-left: black 1px solid ; border-right: black 1px solid ; text-aling: justify}
#iconos {margin-left: 150px; border-left: black 1px solid; border-right: black 1px solid;}
#pie {background-color: #5FAA38 ; border: 1px black solid}
h1 {color: #000000 ; font-family: Calisto MT}
a {color: #0CFF00 ; text-decoration:none ; Font-family: Arial}
a:link {}
a:visited {}
a:hover {color: #000000 ; text-decoration:underline}
a:active {} 
