Foros del Web » Creando para Internet » CSS »

Situar fecha a la derecha de una columna

Estas en el tema de Situar fecha a la derecha de una columna en el foro de CSS en Foros del Web. Estoy tratando de acomodar el texto de una fecha a la derecha de una columna dentro de un div que ya contiene texto pero no ...
  #1 (permalink)  
Antiguo 22/05/2009, 12:04
 
Fecha de Ingreso: octubre-2008
Mensajes: 109
Antigüedad: 9 años, 1 mes
Puntos: 0
Situar fecha a la derecha de una columna

Estoy tratando de acomodar el texto de una fecha a la derecha de una columna dentro de un div que ya contiene texto pero no logro hacerlo funcionar.
Esto es lo que tengo:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Educación Básica</title>
<link href="global.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<style type="text/css">
table { 
	border-collapse: collapse;
	width: 100%;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}

caption {
	text-align: right;
	font-size: .75em;
}

td,th {
	border: 1px solid #73afb7;
	padding: 3px 5px 2px 5px;
	font-size: .8em;
}
th {
background: url(images/th_bg.png) no-repeat left top;
	color: white;

	text-align: left;
	border-color: #14556b;
}

tr.alt td {
	background: url(images/td_bg.png) no-repeat left top;
}


</style>
</head>
<body id="feature" class="col2">
<div id="wrapper">
  <div id="banner">
    <div id="background"><p class="logo">d</p>
      <!-- end nav -->
    </div>
    <!-- end background -->
  </div>
  <!-- end banner -->
  <div id="main">
    <h1 id="lead">Educación Básica</h1>  [COLOR="Red"]aquí quiero poner la fecha, hasta el extremo derecho[/COLOR]
    
    <!-- end main -->
    <!-- end announce -->
</div>
    
  
  <address id="copyright">Secretaría de Educación Pública </address>
</div>
<!-- end wrapper -->
</body>
</html> 
Se puede arreglar eso?
  #2 (permalink)  
Antiguo 22/05/2009, 12:16
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Situar fecha a la derecha de una columna

Código css:
Ver original
  1. #main h1 {display: inline;/*resto de propiedades*/}
  2. .fecha{ float: right; /*resto de propiedades*/}
Código html:
Ver original
  1. <div id="main">
  2.     <h1 id="lead">Educación Básica</h1>
  3.     <div class="fecha"> <!-- aquí la fecha --></div>
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:35.