Ayuda para alinear caja de contenido en HTML

Teo Atienza Seguir

Gamma
Diseñador
Verificación en dos pasos desactivada
Desde
6 Abr 2009
Mensajes
254
Hola chicos, me gustaría que me resolviérais esta duda... estoy modificando un theme y, como algunos de los que me conocen sabrán, soy NEGADO con el código. Absolutamente negado.

Primero pido disculpas a Carlos y a los moderadores (no se quiénes son ahora mismo) si este tema no va aquí y tienen que moverlo... pues no es específicamente de WordPress, pero no sabiá donde ponerlo.

Ahí va, tengo esto: Enlace eliminado
Y lo que quiero es esto, que tengo en PSD y estoy intentando (intentando, nunca mejor dicho...¬¬) codificar: Enlace eliminado

Es decir, aunque sea vergonzoso no tengo ni idea de cómo mover la caja del contenido hacia la derecha, para que quede alineada al margen derecho y así deje lugar al menú que posteriormente pondré en la izquierda (y lo del menú aún ni me lo he planteado...porque puede ser un suicidio jaja).

El HTML que pertenece a la caja del contenido es:

Insertar CODE, HTML o PHP:
<div class="lastbox">
			<div class="title_460px">
				<h5>caramelo catering</h5>
			</div>
			<div class="content460px">
				<p>Fusce aliquet, ante nec dictum accumsan, risus sapien aliquet ipsum, quis congue risus. Pellentesque venenatis egestas lectus a condimentum. Nulla ut erat ut. Pellentesque venenatis egestas lectus. Pellentesque venenatis egestas risus sapien aliquet ipsum. </p>
				<a href="#">LEARN MORE</a>
			</div>
		</div>

Y, el CSS:

Insertar CODE, HTML o PHP:
.content460px {
	width: 400px;
	padding: 20px;
	background-color: #FFFFFF;
	overflow: hidden;
	border: #c8c8c8 solid 1px;


Se agradece de antemano.
 

SainTRC

Gamma
Programador
Verificación en dos pasos desactivada
Desde
28 Mar 2010
Mensajes
440
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
hombre me da que tendrías que hacerlo algo así.

primero metes el menu (slidebar) con en el contenido, porque el menu va primero :S
 

Teo Atienza

Gamma
Diseñador
Verificación en dos pasos desactivada
Desde
6 Abr 2009
Mensajes
254
hombre me da que tendrías que hacerlo algo así.

primero metes el menu (slidebar) con en el contenido, porque el menu va primero :S

Ok, lo separo del borde de la página con el "margin". A eso me refería, gracias :)
Aunque la pregunta inicial está solucionada, si no cierran el tema seguramente venga con más dudas.
 
Última edición:

vagabundo

Beta
Verificación en dos pasos desactivada
Desde
4 Feb 2010
Mensajes
40
Va tenés 2 opciones.

1. Utilizar posicionamientos absolutos (position:absolute) en tu CSS. Así puedes ubicar cada caja donde te de la gana y en el orden que se te de la gana (menú de último, contenido primero, navegación en medio... aunque visualmente queden en otro orden) ese es uno de los beneficios de posicionamiento absoluto... PERO es un dolor de cabeza si vas a querer tu diseño centrado en el navegador.

2. Esquematizar completa tu web en orden planificando bien las cajas (divs), su orden y qué contiene qué. Por ejemplo ahi fácil tienes entrada ancha, abajo digamos "cuadro medio" que dentro tendría otros 2, uno izquierdo y otro derecho. Así de sencillo. Cada caja que va dentro de un div una junto a la otra utiliza una alineación diferente, un "float", y puedes hacer por ejemplo diseños de 5 columnas donde cada caja tiene un float left... o right...

busca en la web "css columns" y encontrarás bastante info.
 

Teo Atienza

Gamma
Diseñador
Verificación en dos pasos desactivada
Desde
6 Abr 2009
Mensajes
254
Gracias, pero no he logrado conseguir lo que quería. Debí recalcar aún más lo negado que soy con el código.. jaja (Alan Rodríguez me ha sufrido mucho tiempo :tongue1:).

Bueno, he pasado del index (por ahora lo doy por perdido... :D) a la página "Quiénes somos". Es muy simple: una fotografía y un texto. Pues también tengo problema. Querría que el texto estuviera metido en una caja, del mismo ancho que la fotografía, no que me ocupara todo el ancho predeterminado de la web, como hace ahora (dejo imagen). Supongo que tendré que meterlo en un div... pero no me da resultado (obviamente lo estaré haciendo mal...). ¿Alguien me dicé con qué código lo arreglo? Esto es lo que tengo:

Insertar CODE, HTML o PHP:
<div align=center>
			<img class="about-img" src="images/quienessomos.png" alt="ALT IMAGEN" />
		</div>	

                <div class="wrap">
		<p>TEXTO</p>
		</div>

Y aquí la imagen de lo que tengo y no quiero xD: Enlace eliminado

Gracias de nuevo, y espero que esto les sirva a los novatos que lleguen al foro.

PD: Tampoco se por qué el header no me sale centrado ¬¬
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba