Foros del Web » Creando para Internet » CSS »

alinear capas con css

Estas en el tema de alinear capas con css en el foro de CSS en Foros del Web. buenas gente, instalé un menu vertical con css3 lo tomé de una página llamada cssmenumaker, el problema que me da es que cuando monto el ...
  #1 (permalink)  
Antiguo 11/12/2012, 10:13
 
Fecha de Ingreso: noviembre-2012
Ubicación: Caracas - Venezuela
Mensajes: 116
Antigüedad: 10 años
Puntos: 1
alinear capas con css

buenas gente, instalé un menu vertical con css3 lo tomé de una página llamada cssmenumaker, el problema que me da es que cuando monto el menú vertical no me deja poner una capa a la derecha de este menú, sino que la desplaza hacia abajo y necesito que esa capa no sea desplazada sino que se quede a la derecha del menú. Soy novato con css he tratado durante bastante rato de acomodarlo pero no he podido, espero puedan ayudarme

Código:
#cssmenu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssmenu > ul{

	position:relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;	
	}

		/* General link styling */
		#cssmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #fff;
			border-bottom: 1px dotted #d9d9d9;
			padding: 11px 20px;
			width: 110px;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			color: #e4433c;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #fff;
			font-size: 13px;
			font-weight: 300;

			/* Background & effects */
			background: #eaeaea;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu > ul li a:hover, #cssmenu > ul li:hover>a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
			background: #f23f37;
			background: -webkit-linear-gradient(bottom, #f23f37, #f45d57);
			background: -ms-linear-gradient(bottom, #f23f37, #f45d57); 
			background: -moz-linear-gradient(bottom, #f23f37, #f45d57);
			background: -o-linear-gradient(bottom, #f23f37, #f45d57);
			border-color: transparent;
		}
  #2 (permalink)  
Antiguo 11/12/2012, 11:00
Avatar de flashmax  
Fecha de Ingreso: julio-2012
Ubicación: Bs.As. Argentina
Mensajes: 507
Antigüedad: 10 años, 4 meses
Puntos: 86
Respuesta: alinear capas con css

Hola tienes que crear un div contenedor y dentro dos div uno para el menu y otro para lo que tu quieras los flotas y listo
__________________
Saludos!
----------------------------------------------------------
  #3 (permalink)  
Antiguo 11/12/2012, 11:19
 
Fecha de Ingreso: noviembre-2012
Ubicación: Caracas - Venezuela
Mensajes: 116
Antigüedad: 10 años
Puntos: 1
Respuesta: alinear capas con css

Cita:
Iniciado por flashmax Ver Mensaje
Hola tienes que crear un div contenedor y dentro dos div uno para el menu y otro para lo que tu quieras los flotas y listo
eso ya lo tenía hecho, tengo las 2 capas una del menu y la otra capa donde irá información la pregunta es, la del menu tengo que ponerla a flotar a la izquierda, pero la otra?


EDIT: ya lo solucioné hice lo siguiente:

Código:
<div id="cssmenu" style="float:left;">

"menu de opciones"

</div>

<div id="tramites" class="primer_nivel" style="margin-left:80px;">


</div>
puse mucho margin en la 2nda capa ya que necesito espacio porque en la 2nda capa tengo una seccioón de trámites y cuando le doy click a una sección se despliegan los diferentes trámites, salu2

Última edición por angelsds; 11/12/2012 a las 13:21

Etiquetas: alinear, capas, css3, hover, fondo
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 14:12.