Autor Tema: [Soporte] Como puedo centrar este login (Leído 1950 veces)

« **on:** 20 Noviembre de 2016, 09:34 pm »

como centro esto ? realmente no e llegado a poder si me puediesen ayudar porfavor

Código: html5

<!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="en-gb" lang="en-gb" dir="ltr" >
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
{$seo}
<title>{$servername}</title>
<link rel="shortcut icon" href="{$base_url}favicon.ico"  /> 
<link rel="stylesheet" href="{$base_url}{$tmp_dir}/css/divinity.css" type="text/css" />
<link rel="stylesheet" href="{$base_url}{$tmp_dir}/css/jquery.jgd.dropdown.min.css" type="text/css" />
<!--[if IE]><link rel="stylesheet" href="{$base_url}{$tmp_dir}/css/jquery.jgd.dropdown.ie.css" type="text/css" /><![endif]-->
<script language="javascript" src="{$base_url}{$tmp_dir}/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript" src="{$base_url}{$tmp_dir}/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script language="javascript" SRC="{$base_url}{$tmp_dir}/js/jquery.jgd.dropdown.min.js" type="text/javascript"></script>
<script language="javascript" src="{$base_url}{$tmp_dir}/js/main.js" type="text/javascript"></script>
<script type="text/javascript">{literal}	
	jQuery(document).ready(function(){
		tooltip("img#ware, td#market, a#shop_logs","tooltip");
		
		var actr = readCookie("actr") ? readCookie("actr") : 0;
		var actl = readCookie("actl") ? readCookie("actl") : 0;
		
		jQuery(".accordion h3:eq("+actr+")").addClass("active");
		jQuery(".accordion p:eq("+actr+")").show();

		jQuery(".accordion h3").click(function(){
			var index = jQuery(".accordion h3").index(this);
			createCookie("actr", index, 365);

			jQuery(this).next("p").slideToggle("fast")
			.siblings("p:visible").slideUp("fast");
			jQuery(this).toggleClass("active");
			jQuery(this).siblings("h3").removeClass("active");

		});
	});
	
{/literal}</script>
</head>
<body id="page" class="font-medium width-wide" onload="setDate();">
	<div class="wrapper floatholder">
	    <div class="wrapper-l">
			<div class="wrapper-r">
				<div class="wrapper-m">
					{include file="sidebars/sidebar.html"} 
					<div id="main" style="padding-top:5px;">
						<div id="contenttop" class="floatbox">
							<div class="module">
								<div class="mone">
									<div class="mtwo">
										<div class="mthree">
											<div class="mfour">

Rock Lee · « **Respuesta #1 on:** 20 Noviembre de 2016, 10:43 pm »

Eso se edita mayormente desde el css sin tanto problemas, los div solo dan la estructura básica de la web y si no esta anidadas las variables del login al momento de centrar es cuestión darle a "inspeccionar elemento" (chrome) o "firebug" (firefox) sobre la zona que deseas editar y probar valores "text-align: center;" o "margin-left: 10%;" por ejemplo. El primero te hace es centrar el texto simplemente y la otra te da un margen del lado derecho del 10% en comparación al resto del div, si quieres puedes usar px aunque mayormente para hacerlo responsive se usa el porcentaje. Si tienes problemas déjame una url para poder verlo mas detenidamente y decirte como puedes lograrlo!

Saludos Familia!

« **Respuesta #2 on:** 20 Noviembre de 2016, 10:49 pm »

Cita de: Rock Lee en 20 Noviembre de 2016, 10:43 pm

Eso se edita mayormente desde el css sin tanto problemas, los div solo dan la estructura básica de la web y si no esta anidadas las variables del login al momento de centrar es cuestión darle a "inspeccionar elemento" (chrome) o "firebug" (firefox) sobre la zona que deseas editar y probar valores "text-align: center;" o "margin-left: 10%;" por ejemplo. El primero te hace es centrar el texto simplemente y la otra te da un margen del lado derecho del 10% en comparación al resto del div, si quieres puedes usar px aunque mayormente para hacerlo responsive se usa el porcentaje. Si tienes problemas déjame una url para poder verlo mas detenidamente y decirte como puedes lograrlo!

Saludos Familia!

claro mira fue hacerlo con margen para centrarlo y pues realmente no pude

mu-legend.tk/shop

Rock Lee · « **Respuesta #3 on:** 20 Noviembre de 2016, 10:56 pm »

Cita de: Ryuno en 20 Noviembre de 2016, 10:49 pm

claro mira fue hacerlo con margen para centrarlo y pues realmente no pude

mu-legend.tk/shop

Hay mirar bien la parte de las id`s aveces no es tan fácil ya que hay rebuscar bien pero si vas a:

Código: css

#contenttop div.module div.mthree {
    background: url(../images/content_module_tl.png) no-repeat 0 0;
    overflow: hidden;
    padding: 10px;

y lo dejas:

Código: css

#contenttop div.module div.mthree {
    background: url(../images/content_module_tl.png) no-repeat 0 0;
    overflow: hidden;
    padding: 10px;
    text-align: center;

Debería centrarte el texto en base al div proximo tenga...

Saludos Familia!

« **Respuesta #4 on:** 20 Noviembre de 2016, 11:08 pm »

no centra no ahi efecto. yo me la pase jugando con los id por ejemplo de poder centrar puedo centrarlo con id main pero quedal mal centrado.

Rock Lee · « **Respuesta #5 on:** 20 Noviembre de 2016, 11:13 pm »

Recuerda borrar el cache o espera un poco que tarda en mostrar los resultados... yo al momento editar esa linea me quedo de esta manera:

Saludos Familia!

« **Respuesta #6 on:** 20 Noviembre de 2016, 11:19 pm »

Cita de: Rock Lee en 20 Noviembre de 2016, 11:13 pm

Recuerda borrar el cache o espera un poco que tarda en mostrar los resultados... yo al momento editar esa linea me quedo de esta manera:

Saludos Familia!

creo que me exprese mal mi idea es que el login quede en todo el centro del backgraund

algo asi se que es con el id main pero no e podido lo salgo centrando mal

Rock Lee · « **Respuesta #7 on:** 20 Noviembre de 2016, 11:26 pm »

Ahh ahora comprendo... por lo que veo arrastra varias id`s con el estilo de login y no bastara solo usar lo que te dije mas arriba sino "padding". Al tener tantos contenedores dando inicio de varios niveles de css es claro no vas a poder centrarlo, ya que no estas editando todos los niveles para queden en su sitio. Por eso al editar el main se visualiza mal por que te falta tocarlo en otro punto para equilibrarlo, por eso odio anidar muchas veces por que no deja libre al css para poder editarlo sin tanto problema... Si me das algo de tiempo me pongo a ver el código y hacer pruebas para ver si logro centrarlo!

Saludos Familia!

« **Respuesta #8 on:** 20 Noviembre de 2016, 11:33 pm »

Cita de: Rock Lee en 20 Noviembre de 2016, 11:26 pm

Ahh ahora comprendo... por lo que veo arrastra varias id`s con el estilo de login y no bastara solo usar lo que te dije mas arriba sino "padding". Al tener tantos contenedores dando inicio de varios niveles de css es claro no vas a poder centrarlo, ya que no estas editando todos los niveles para queden en su sitio. Por eso al editar el main se visualiza mal por que te falta tocarlo en otro punto para equilibrarlo, por eso odio anidar muchas veces por que no deja libre al css para poder editarlo sin tanto problema... Si me das algo de tiempo me pongo a ver el código y hacer pruebas para ver si logro centrarlo!

Saludos Familia!

Gracias y si tenes razon mira asi me queda editando solo la id main . falta el otro y queda

no me dejo escribiar aca el css error "Hubo un error mientras se enviaba este mensaje.
El mensaje excede la longitúd máxima permitida (20000 caracteres)."

pero ahi lo subi para que lo puedas descargar, Gracias por la ayuda

Rock Lee · « **Respuesta #9 on:** 21 Noviembre de 2016, 10:59 am »

Cita de: Ryuno en 20 Noviembre de 2016, 11:33 pm

Gracias y si tenes razon mira asi me queda editando solo la id main . falta el otro y queda

no me dejo escribiar aca el css error "Hubo un error mientras se enviaba este mensaje.
El mensaje excede la longitúd máxima permitida (20000 caracteres)."

pero ahi lo subi para que lo puedas descargar, Gracias por la ayuda

Tu mensaje no debería tener tantos caracteres O.o que raro.... igualmente mirare por la dudas, ya que 20000 lo podes ver en Métodos y tipos de ataque Parte I [Historia] por ejemplo. Ahora respecto al diseño perdona tarde un poco pero prueba el que te adjunto a ver si te funciona

edite en:

Código: css

div#middle {
    clear: both;
    width: auto;
    margin-top: 30%;

Lo que agregue fue "margin-top: 30%;" yo estoy en una pantalla chica ahora pero tenes variar el porcentaje para ubicarlo donde te gusta o sino usa px sino termina de convencerte el %.

Saludos Familia!

« **Respuesta #10 on:** 22 Noviembre de 2016, 08:16 pm »

Gracias

como siempre teniendo una buena respuesta de aqui ala vuelta busco la id correcta D: gracias realmente

Rock Lee · « **Respuesta #11 on:** 22 Noviembre de 2016, 08:50 pm »

Cita de: Ryuno en 22 Noviembre de 2016, 08:16 pm

Gracias como siempre teniendo una buena respuesta de aqui ala vuelta busco la id correcta D: gracias realmente

Genial, si aveces con algo de tiempo es ir probando las ID ademas probando encontré 2 o 3 formas mas de centrarlo D: por eso cualquier cosa comentalo o abre un nuevo tema

Saludos Familia!

Autor Tema: [Soporte] Como puedo centrar este login (Leído 1950 veces)

[Soporte] Como puedo centrar este login

Rock Lee

Re:[Soporte] Como puedo centrar este login

Re:[Soporte] Como puedo centrar este login

Rock Lee

Re:[Soporte] Como puedo centrar este login

Re:[Soporte] Como puedo centrar este login

Rock Lee

Re:[Soporte] Como puedo centrar este login

Re:[Soporte] Como puedo centrar este login

Rock Lee

Re:[Soporte] Como puedo centrar este login

Re:[Soporte] Como puedo centrar este login

Rock Lee

Re:[Soporte] Como puedo centrar este login

Re:[Soporte] Como puedo centrar este login

Rock Lee

Re:[Soporte] Como puedo centrar este login