Ver Mensaje Individual
  #3 (permalink)  
Antiguo 28/10/2011, 10:03
Ooze3d
 
Fecha de Ingreso: marzo-2006
Mensajes: 42
Antigüedad: 18 años, 2 meses
Puntos: 4
Respuesta: Mover texto verticalmente dentro de un DIV

No ha funcionado. Os paso la parte HTML. La parte afectada es el "<a href="index.php?do=new" class="content">Start NEW Fantasy</a>"

Cita:
<div id="middle_container">
<div id="side_bottom_left"></div>
<div id="full_page_wrapper">
<div id="new_fantasy">
<a href="index.php?do=new" class="content">Start NEW Fantasy</a>
</div>
<div id="categories">
<div id="cat_content"> <? include('includes/categories.php'); ?> </div>
</div>
<div id="main">
<div id="main_content"></div>
</div>
<div id="ad_section_one">
<div id="ad_one"></div>
<div id="ad_two"></div>
</div>
<div id="ad_section_two">
<div id="ad_three"></div>
<div id="ad_four"></div>
<div id="ad_five"></div>
</div>
<div id="footer">
<div id="footer_content"></div>
</div>
</div>
<div id="side_bottom_right"></div>
</div>
</div>
Y el CSS aplicado a esa zona:

Cita:
#new_fantasy
{
width: 244px;
height: 42px;
margin: 0 auto;
}
a.content
{
display:block;
width: 244px;
height: 42px;
background-image:url('images/button_new.png');
background-position:top;
position:relative;
top: 10px;
z-index: 10;
font: 15px Courier;
font-weight:600;
color:#906;
text-shadow:-2px -2px 0px #300;
text-shadow:1px 1px 0px #FF9;
text-decoration:none;
text-align:center;
}
a.content:hover
{
background-position:center;
}
a.content:active
{
background-position:bottom;
}