Foros del web, para los que viven de bits

caricatos · 18-ene-2005, 00:12

Hola amigos:

Con esta página:

<html>
<body
onload="alert(document.getElementById('s1').offset Width + '\n' + document.getElementById('s2').offsetWidth)">
<div style="background-color: lime">
<span id=s1 style="border: 1px dashed gray; width: 50px; background-color: lime;">prueba</span>
<span id=s2 style="border: 1px dashed transparent; width: 50px; background-color: lime;">prueba</span>
</div>
</body>
</html>

explorer muestra los bordes aunque estén transparentes...
Si en vez de poner bordes transparentes, cambio el estilo por "none" dejan de verse los bordes, pero la medida cambia...
Y en ambos casos no se respeta el ancho definido (width: 50px) el único navegador que va bien en todos los casos es opera.

Mi intención es ver y ocultar los bordes y que no se muevan los elementos.

La página donde lo necesito es esta: http://www.pepemolina.com/postales/index.php

Al insertar elementos y luego seleccionarlos, se modifican los estilos con mozilla.

Saludos

JavierB · 18-ene-2005, 01:06

Hola caricatos

Para que te respete el ancho prueba con display:block

<span id=s1 style="border: 1px dashed gray; width: 50px; background-color: lime; display:block;float:left">prueba</span>

Saludos,

Durgeoble · 18-ene-2005, 03:10

una solucion alternativa seria igualar el color al del fondo o, en su defecto inherit, tambien puedes jugar con los margenes de forma que cuando no quieres que se vea el borde lo eliminas y le añades un margen de 1px que haria la funcion de borde

caricatos · 18-ene-2005, 13:59

Hola otra vez:

Gracias por las respuestas... En realidad ya lo arreglé, porque estaba chequeando las propiedades de tamaño y posicionamiento, pero teniendo estilos asignados lo que hice es averiguar esos estilos... aunque mozilla todavía me cambia un poco el sitio...

JavierB: En realidad estoy trabajando con capas y con posiciones absolutas... (son las postales que ya conoces, pero pretendía simplificar el código, y darle una presencia algo mejor)

Durgeoble: Lo del color de fondo no me vale porque de fondo puede haber una imágen... lo de inherit no lo he probado, pero me ha parecido una idea muy buena el reemplazar 1 pixel de borde por ese mismo pixel de margen (no sé si será lo mismo "padding".

Nuevamente gracias.

Saludos

18-ene-2005, 00:12	#1 (permalink)
caricatos Moderador Fecha de Ingreso: noviembre-2002 Ubicación: Torremolinos (Málaga) Mensajes: 12.436	bordes transparentes de 1px Hola amigos: Con esta página: <html> <body onload="alert(document.getElementById('s1').offset Width + '\n' + document.getElementById('s2').offsetWidth)"> <div style="background-color: lime"> <span id=s1 style="border: 1px dashed gray; width: 50px; background-color: lime;">prueba</span> <span id=s2 style="border: 1px dashed transparent; width: 50px; background-color: lime;">prueba</span> </div> </body> </html> explorer muestra los bordes aunque estén transparentes... Si en vez de poner bordes transparentes, cambio el estilo por "none" dejan de verse los bordes, pero la medida cambia... Y en ambos casos no se respeta el ancho definido (width: 50px) el único navegador que va bien en todos los casos es opera. Mi intención es ver y ocultar los bordes y que no se muevan los elementos. La página donde lo necesito es esta: http://www.pepemolina.com/postales/index.php Al insertar elementos y luego seleccionarlos, se modifican los estilos con mozilla. Saludos __________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo

18-ene-2005, 01:06	#2 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.860	Hola caricatos Para que te respete el ancho prueba con display:block <span id=s1 style="border: 1px dashed gray; width: 50px; background-color: lime; display:block;float:left">prueba</span> Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

18-ene-2005, 03:10	#3 (permalink)
Durgeoble Fecha de Ingreso: marzo-2003 Mensajes: 436	una solucion alternativa seria igualar el color al del fondo o, en su defecto inherit, tambien puedes jugar con los margenes de forma que cuando no quieres que se vea el borde lo eliminas y le añades un margen de 1px que haria la funcion de borde __________________ Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.

18-ene-2005, 13:59	#4 (permalink)
caricatos Moderador Fecha de Ingreso: noviembre-2002 Ubicación: Torremolinos (Málaga) Mensajes: 12.436	Hola otra vez: Gracias por las respuestas... En realidad ya lo arreglé, porque estaba chequeando las propiedades de tamaño y posicionamiento, pero teniendo estilos asignados lo que hice es averiguar esos estilos... aunque mozilla todavía me cambia un poco el sitio... JavierB: En realidad estoy trabajando con capas y con posiciones absolutas... (son las postales que ya conoces, pero pretendía simplificar el código, y darle una presencia algo mejor) Durgeoble: Lo del color de fondo no me vale porque de fondo puede haber una imágen... lo de inherit no lo he probado, pero me ha parecido una idea muy buena el reemplazar 1 pixel de borde por ese mismo pixel de margen (no sé si será lo mismo "padding". Nuevamente gracias. Saludos __________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado