Ajuda para alinhar caixa de conteúdo em HTML

  • Autor Autor Teo Atienza
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
T

Teo Atienza

Gamma
Diseñador
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
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:

Inserir CODE, HTML ou 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:

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


Se agradece de antemano.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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
 
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 edição:
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.
 
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... 😀) 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:

Inserir CODE, HTML ou 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 ¬¬
 

Tópicos similares

Voltar
Topo