Foros del Web » Creando para Internet » CSS »

Dentro de un mismo DIV texto alineado a la izquierda y texto alineado a la derecha

Estas en el tema de Dentro de un mismo DIV texto alineado a la izquierda y texto alineado a la derecha en el foro de CSS en Foros del Web. Uno puede pensar que para qué estupidez se pretende tal cosa. Pues bien, a mí me gustaría poner en una misma línea: - A la ...
  #1 (permalink)  
Antiguo 04/07/2004, 18:48
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Dentro de un mismo DIV texto alineado a la izquierda y texto alineado a la derecha

Uno puede pensar que para qué estupidez se pretende tal cosa. Pues bien, a mí me gustaría poner en una misma línea:

- A la izquierda: la fecha actual.
- A la derecha: Inicio | Lo que sea | Lo que sea

Para no tener todo a la derecha: Inicio | etc | etc | Fecha actual, ya que la fecha ahí no pinta nada, pero esa altura sí es un buen lugar para estar, además, del único hueco libre donde quedaría bien.

Entonces, ¿qué hago? ¿Quito la clase del DIV que obliga a alinear el texto a la derecha y meto una tabla dentro del DIV con align left y right para cada cosa? ¿No es una solución que sería reprobada por los estrictos fans de los DIV? Si así fuera, será por que hay alguna forma de hacerlo bien sin tabla, pero desconozco cuál es.
  #2 (permalink)  
Antiguo 05/07/2004, 02:06
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Hola Daphne


has probado a meter la fecha en una capa con span y posición relativa con posición desde la derecha? right: 10px; ?
  #3 (permalink)  
Antiguo 05/07/2004, 05:36
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Yo lo del <span> no lo tengo muy controlado, por eso ni se me había ocurrido. He hecho lo que verás a continuación, puesto que no sé bien cómo se hace lo que sugieres, pero me queda el código un poco costroso (¿o sólo me lo parece?):

Código:
<span class ="fecha"style="position: absolute; top: 16.5%; left: 3%; z-index: 1" >
					<script language=JavaScript>MostrarFecha()</script>
				</span>
Y en la hoja de estilos:

Código:
*.fecha {
 text-align:left;
 color:azuloscuro;
 font-size:12px;
 font-weight:bold;
 line-height:1;
}
Total, que queda bien, pero no sé si ese código es muy rebuscado y hay otra forma mejor de hacerlo, como la que tú propones, por ejemplo.

Última edición por Daphne; 05/07/2004 a las 05:46
  #4 (permalink)  
Antiguo 06/07/2004, 15:02
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Con el código que he puesto en mi mensaje anterior, la fecha varía de sitio en función de la resolución. ¿Cómo podría solucionar este problema?
  #5 (permalink)  
Antiguo 07/07/2004, 23:32
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
He hecho algunos cambios y se sigue moviendo, aunque menos, pero me gustaría aprender a que la fecha quedara realmente estática.

http://porinstinto.webcindario.com/f...ienhecho10.htm
  #6 (permalink)  
Antiguo 08/07/2004, 06:46
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
em ... yo no sé si has hecho algo más desde que publicaste el último mensaje pero lo veo exactamente igual (bien) a 800x600, como a 1024x768 como a 1280x1024
  #7 (permalink)  
Antiguo 08/07/2004, 13:41
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Algo sí debo de haber cambiado. De todos modos, sólo funciona en Explorer, con Mozilla todo es un caos, y entre ese caos, la fecha se sigue moviendo. :(

¿Qué debo hacer?
  #8 (permalink)  
Antiguo 09/07/2004, 07:18
 
Fecha de Ingreso: agosto-2003
Mensajes: 223
Antigüedad: 14 años, 3 meses
Puntos: 0
.

si no funciona en mozilla es porque no sigues los estandares.....

http://validator.w3.org/check?uri=ht...ienhecho10.htm

Y algunos de los fallos (para estar usando xhtml) son gordos.
No cierras tags, o cierras tags que no has abierto.
Inlsuo pones ' (o ni si quiera lo pones) en vez de ".

Arregla todo eso, y la pagina en mozilla se vera que te cagas.
__________________
Me llaman Tuxiradical... porque tu no?
____________

Hay... maldito internet explorer, el tan contento vino y me mordio.
Gran hijo de su madre.
Menos mal que fui a www.mozilla.org y me descargue la vacuna.
____________
Mis scripts en php www.ethernalsoft.tk
  #9 (permalink)  
Antiguo 09/07/2004, 07:46
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Ya pasé yo el validador, pero muchos de los fallos vienen de los dos JavaScript, cosa que no sé corregir.

No he visto que cerrara tags que no he abierto, aunque sí hay otras cosas que sí que puedo (y voy a) corregir. De todos modos, no entiendo por qué iban a influir en el comportamiento de la fecha.

Los errores más gordos estaban en el código del buscador de Google (llevan un par de días corregidos), cogido de su página: mayúsculas, comillas inexistentes... No entiendo cómo ellos pueden tener algo así en su web.

Última edición por Daphne; 09/07/2004 a las 07:55
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 17:22.