Autor Tema: Moviendo div  (Leído 601 veces)

Desconectado WildWolf360

  • PHPer@ Fijo
  • ***
  • Mensajes: 192
  • Karma: 8
    • Ver Perfil
Moviendo div
« en: 13 de Mayo de 2010, 22:48:52 pm »
Hola muy buenas. Tengo esto:



Éste es el código HTML

<div id="ultimosarriba">
	
	
	
	
	
<
div id="ultimos">
	
	
	
	
	
	
<
class="center">Últimos Logros</p>
	
	
	
	
	
	
<
hr/>
	
	
	
	
	
</
div>
	
	
	
	
	
</
div>

Y éste el CSS

#ultimosarriba{
	
background-imageurl("../images/backgrounds/sidebar/up.png");
	
width250px;
	
height27px;
	
margin0 auto;
	
}
#ultimos{
	
width250px;
	
height150px;
	
margin0 auto;
	
}


¿Sabéis alguna manera de poder mover la capa hacia algún lado (ya sea arriba, abajo...) para poder centrar el background con el texto Últimos logros?

Muchas gracias y un saludo

Comunidad PHPeros

Moviendo div
« en: 13 de Mayo de 2010, 22:48:52 pm »

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re:Moviendo div
« Respuesta #1 en: 14 de Mayo de 2010, 07:57:41 am »
Métele un padding-top: 3px; (prueba otras cantidades)

Desconectado naveda

  • Administrador General
  • PHPero Master
  • *****
  • Mensajes: 2.282
  • Karma: 165
  • Sexo: Masculino
    • Ver Perfil
    • naveda.me
Re:Moviendo div
« Respuesta #2 en: 14 de Mayo de 2010, 11:43:05 am »
¿Qué tal esto?

Código: [Seleccionar]
<div id="ultimosarriba">
<p class="center">Últimos Logros</p>
</div>

Y éste el CSS

Código: [Seleccionar]
#ultimosarriba p{
background-image: url("../images/backgrounds/sidebar/up.png");
width: 250px;
height: 27px;
margin: 0 auto;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 3px;
        text-align:center;
}
Por favor, leete las Normas