centrar la página despues del desplegable

Hola

la gran mayoría de nosotros hemos tenido ese fallo con el desplegable
aunque buscamos de una u otra forma como solucionarlo

Gracias a Dnix tenemos la respuesta :wink:

basta con agregarle

text-align:left

en el primer parrafo de la hoja de estilos del menu desplegable

asi:

.transMenu {
position:absolute;
overflow:hidden;
left:-1000px;
top:-1000px;
text-align:left;
}

ya no hay que agregar ni quitar nada mas

en el body queda el text-alig: center

saludos y gracias nuevamente a Dnix
pues a mi no se me soluciona, mira, mi pagina es esta
una flor, dos flores, tres flores, ¡¡¡COÑO UNA SETA!!!
Hola rodrigo_cda, le he dado a tu enlace y me sale bien el menu desplegable. lo que si que me sale es la pagina en la izquierda.

Sal u2
Si, es que tienes el body vacio
asi:
body {}

debes ponerle el text-align:center

saludos
¿en donde tego que poner text align:center? en el codigo de la página o en el de css o cuál
una flor, dos flores, tres flores, ¡¡¡COÑO UNA SETA!!!
pues na sigue a la izquierda, no se que pasa. os envio mis codigos?
una flor, dos flores, tres flores, ¡¡¡COÑO UNA SETA!!!
ok, ahora lo veo y te digo que pasa, pero...

ya viste tu página con firefox, la barra inferior se va a la derecha

te recomiendio que le pongas u float:left a la curva inferior

saludos
Hola

te falta cerrar la div global, y la div pie la cerraste despues de
la curva inferior

debes cerrarla antes

sigo checando

saludos
y el error de que no te centra la página

es que, no tienes ninguna div llamada body, me explico

este simbolo # lo utilizamos para las divs

pero body, no debe llevarlo, simplemente quitaselo, y se arreglará tu problema, y arregla los fallos que te di antes

saludos
Después de leer ese post, sigo teniendo la duda de por qué se ha borrado el "text-align: center" del Body al añadir lo de los menús despegables, ¿alguien lo puede explicar?, gracias.
Porque si lo dejas se ven mal los desplegables, si quieres haz lo prueba :wink:
A ver si me he enterado bien del tema.

Cuando retocamos el body {text-align: center } del .css, lo dejamos sin contenido para que se pueda ver bien los menús despegables. Pero esto nos lleva a que la Plantilla se desplaza al margen izquierdo.

Solución, añadir {text-align: left } en la línea correspondiente del .css de los menús despegables y volver a introducir el contenido del Body body {text-align: center } en el .css general.

¿Ok?
Yaneth escribió:Hola

asi es, te ha funcionado???

saludos

Perfectamente. Aunque sigo sin entender poruqe primero hay que borrarlo del body y después agregarlo en el mismo body, pues no funciona si dejas el body tal como está y agregas lo del Transmenú.

¿Duendes de la informática?
jajajjajaja

si, lo que pasó es que asi hizo Jorgens las lecciones,
pero... nos dimos cuenta que la página se hiba para un lado

por eso, estuvimos viendo varias opciones para arreglarlo

y fué Dnix el que dió con esa solución

Solo esperamos que vuelva Jorgens para que lo corrija de las lecciones

saludos
Hola Yaneth.

Te importa copiar y pegar aqui el contenido que habría de tener cada uno de los archivos de la plantilla ya corregida? Le conté a Jorgens que habiais logrado repararlo y me ha pasado las claves del FTP para que retoque la lección y corrija el fallo, pero no me aclaro. Si me copiais los archivos definitivos ya corregidos lo arreglo rapido (he estado un par de horas, pero no lo consigo.... no se de qué archivo partir para colocar la alineación que comentais :roll: sorry

Visteis la foto de Carlitos? el niño de Jorgens? que guapo, ja ja ja

www.yamahasr250.com/carlitos.jpg

Un abrazo fuerte de parte de Jorgens. Estará aquí pronto, está un poco liao el chaval, ja ja ja
Hola
Natashka

que gusto verte por aqui, y tener noticias tuyas y de Jorgens
ya nos tenía con pendiente

mira para arreglar lo del desplegable, solo hay que agregarle

text-align:left

en la hoja de estilos del desplegable el que se llama
estilo-menu-desplegable.css




como verás solo agregue esto:

.transMenu {
position:absolute;
overflow:hidden;
left:-1000px;
top:-1000px;
text-align:left;
}


aqui te pego el codigo

/* esto es la región de recorte para el menú. esto es la anchura y la altura es puesta por la escritura, dependiendo(según) el tamaño de la mesa de artículos */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	text-align:left;
        }

/* esto es el contenedor principal para el menú sí mismo. esto es la anchura y la altura es puesta por la escritura, dependiendo(según) el tamaño de la mesa de artículos */ 
.transMenu .content {
	position:absolute;
	}

/* esta mesa comprende todos los artículos de menú. cada TR es un artículo. Relativamente es colocado de modo que las divisiones transparentes de la sombra y de fondo puedan ser colocadas debajo de ello */ 
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	border:1px solid #999;
	z-index:2;
	}

.transMenu.top .items {
	border-top:none;
	}

/* cada TR.ITEM es un artículo de menú */
.transMenu .item {
    color:#000000;
        background-image: url(objetos/fondo-no-activo.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
    text-decoration:none;
	/* esto es un corte para mac/ie5, quien incorrectamente cae a torrentes las propiedades de frontera de la mesa paternal a cada fila */ 
	border:none;
	cursor:pointer;
	cursor:hand;
	}
/* esta DIVISIÓN es el fondo semitransparente blanco de cada menú. el - la-mo-opacidad es un modo propietario de conseguir la transparencia en mozilla, el filtro es para ESTO ES/ventanas 5.0 +. */
.transMenu .background {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=95);
	}

/* ponemos el color de fondo en la escritura porque esto es el amigo no lo usa; aquel navegador sólo usa PNG semitransparente blanco que el espaciador gif dentro de esta DIVISIÓN es substituido por */ 
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* el mismo concepto que .background, pero esto está la astilla de sombra a la derecha del menú. Es dejado(abandonado), la altura, y el fondo son puestos por la escritura. En IE5/MAC, esto usa un PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* esto es la clase que es usada cuando el ratón es sobre un artículo. la escritura pone la fila a esta clase cuando requerido. */ 
.transMenu .item.hover {
	background-image: url(objetos/fondo-activo.gif);
	color:#385385;
	}

/* esto es dingbat que indica que hay un submenú, o un espaciador gif en esto es el lugar. Le damos extra el margen para crear algún espacio entre el texto y el dingbat */ 

.transMenu .item img {
	margin-left:10px;
	}
.textoNoIdent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.formError {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    border-top: 1px solid #C4CCCC;
    border-right: 1px solid #ACB5B5;
    border-bottom: 1px solid #6F7777;
    border-left: 1px solid #ACB5B5;
    padding: 2px 0 2px 0.25em;
    background-color: #F5E984;
}
.txtError {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #990000;
    background-color: #E9E9E9;
    padding: 5px;
    text-align: justify;
}


Y dile a Jorgens que muchas felicidades por su nene,
está para comerselo a besos

saludos y gracias por darnos las nuevas buenas
Tengo un error por algún lado, uf que lio. Menos mal que me ha dicho Jorgens que está en ello así que pronto tendréis noticias suyas. Ya veo que ha puesto publicidad arriba, je je je si, parece que ha vuelto, aunque tiene deberes atrasados y supongo que tardará en aparecer.

ESOS PAÑALES JORGENS!!!! ja ja ja ja

gracias Yaneth, Dnix y al resto de amigos del foro!!!
Hola!!!! tengo el mismo problemita que todos, monte los cambio y el menu no desplega en el navegador pero cuando vista previa en el Html kit si se ve...
cambie
.transMenu {
position:absolute;
overflow:hidden;
left:-1000px;
top:-1000px;
text-align: left; <--------------(text-align:center;) y se ve solo la mitad cuando hago vista previa en el html kit
}
vi que estaban hablando de algo el body!!!!!! es en Plantilla.html?????
aparte el navegador como es gratis, se monto un poco de publi y se ve muy feo, me dijo un amigo que eso se puede quitar con unos comandos... pero no
me he puesto hacerlo
Fast