Enmarcar apartado de blockuserinfo.. Cómo se hace eso en el css?

[DropNix.com]

Cómo podéis ver en mi web; www.tusesencias.es/ el apartado de blockuserinfo donde pone Bienvenido y Inicie sesión o Regístrese está muy junto con el banner de abajo y querría ponerle un marco o algo, que lo separara un poco y le diera más importancia..

 

Como lo hago?

 

Gracias a todos!!

[Dimar]

Hola Jaumitus

 

Puede ser con CSS, con este codigo:

 

 

 

border: 1px solid #A7C3D1;

border-radius: 7px 7px 7px 7px;

height: 00px;

margin: 0px 0px 0px 0px;

padding: 0px 0px;

width: 000px;

 

border-radius: le puede dar border redondeados los cuales se veran en Firefox y Chrom

 

En los "0" (Ceros) coloca un numero para ver los cambias. Solo juega con ese codigo.

 

Saludos!!

[DropNix.com]

Hola Jaumitus

 

Puede ser con CSS, con este codigo:

 

 

 

border: 1px solid #A7C3D1;

border-radius: 7px 7px 7px 7px;

height: 00px;

margin: 0px 0px 0px 0px;

padding: 0px 0px;

width: 000px;

 

border-radius: le puede dar border redondeados los cuales se veran en Firefox y Chrom

 

En los "0" (Ceros) coloca un numero para ver los cambias. Solo juega con ese codigo.

 

Saludos!!

 

Lo he entendido, pero no lo he conseguido..

El css ke he editado es este:

/* block top user information */
#header_right #header_user {
clear:both;
float: right;
margin-top:8px;
width: 535px;
}
#header_user #header_nav {
list-style-type:none;
float:right;
}
/* cart */
#shopping_cart {



}
#shopping_cart a{
height: 15px;
padding:15px 27px 10px 43px;
background: url('img/icon/cart.gif') no-repeat 10px 9px #eee;
min-width: 130px;/* 200 */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;display:block}
#shopping_cart a:hover span{text-decoration: none}
#header_user #shopping_cart .ajax_cart_quantity { font-weight:bold; font-size:18px }
#header_user #shopping_cart .ajax_cart_total { display:none !important; }

/* account */
#header_user #your_account {display:none;}
#header_user #your_account a { background-image: url('img/icon/my-account.gif') }
/* user infos */
#header_user_info {
clear:both;
float:right;
margin-top:10px;
padding:0;
font-size:12px
}
#header_user_info a {
display:inline-block;
margin:0 0 0 10px;
padding:3px 0 0 34px;
line-height: 11px;
border-left:1px solid #000
}
#header_user_info a.account {
border: none;
display: inline;
margin: 0;
padding: 0;
}
*:first-child+html #header_user_info a {line-height:14px;}
#header_user_info a.login {background: url('img/icon/login.gif') no-repeat 10px 0}
#header_user_info a.logout {background: url('img/icon/logout.png') no-repeat 10px -1px}

[Sergio Ruiz]

Si lo quieres separar, ¿por que no lo separas directamente?

 

Fichero:

 

modules/blockuserinfo/blockuserinfo.css

 

 

Esto:

 

#header_right #header_user {
clear: both;
float: right;
margin-top: 8px;
width: 535px;
}

 

Por esto:

 

#header_right #header_user {
clear: both;
float: right;
margin-top: 8px;
width: 535px;
margin-bottom: 10px;
}

 

Y asi lo tienes separado de abajo..