Ayuda Header Web

Estado
No está abierto para más respuestas.

Webster182

Piedra
Usuario de Piedra
Mensajes
67
Puntuación de reacción
2
Hola amigos, soy un novato en el mundo de las webs y wordpress, quisiera que el header de mi sitio quede centrado y no lo consigo, intente modificar el archivo style.css pero no logro el objetivo.

Adjunto aca el codigo del header, agradecere su ayuda.

Esta es mi web http://marcando.hol.es/

Código:
/* HEADER */

#page-main{
-webkit-box-shadow:25 25 25px 25px rgba(0, 0, 0, 0.15);
-moz-box-shadow:25 25 25px 25px rgba(0, 0, 0, 0.15);
box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
border:1px solid #BFBFBF;
padding:0 25px;
margin:0 auto;
height:31px;
}

#masthead{
height:140px;
width:1000px;
background:url(images/head2.png) repeat-x;
}

#head{
width:1000px;
margin:0 auto;
}

#top{
height:100px;
}

#blogname{
width:400px;
float:left;	
}

#blogname h1{
font-size:32px;
margin:35px 0px 0px 20px;

}

#blogname h1 a:link, #blogname h1 a:visited{
color:#fff;
}

#contactlist{
width:600px;
float:left;

}

.rphone{
float:right;
width:220px;
background:url(images/phone.png) left center no-repeat;
height:50px;
margin-top:30px;
padding:10px 0px 0px 60px;
color:#eee;
font-size:12px;
font-family:arial;
}

.rphone span{
font-family: 'BebasNeueRegular';
font-size:18px;
padding-bottom:5px;
}

.rmail{
float:right;
width:220px;
background:url(images/email.png) left center no-repeat;
height:50px;
margin-top:30px;
padding:10px 0px 0px 60px;
color:#eee;
font-size:12px;
font-family:arial;
}

.rmail span{
font-family: 'BebasNeueRegular';
font-size:18px;
padding-bottom:5px;
}
 
Última edición:

lobogris

Platino
Usuario de Bronce
Mensajes
1,537
Puntuación de reacción
0
Como no pongas un ejemplo visual dudo que podamos ayudarte, no podemos adivinar el HTL
 

lobogris

Platino
Usuario de Bronce
Mensajes
1,537
Puntuación de reacción
0
Gracias por responder, agregue la web para que puedan ver de lo que hablo.

Al #masthead ponle margin: 0 auto; y luego la caja #casing se pasa unos píxeles de ancho por la derecha, así que si le quitas la propiedad width (width: 998px;) te queda perfecto.

Saludos!
 
Mensajes
92
Puntuación de reacción
0
En el contenedor #masthead usa margin: 0 auto;

Código:
#masthead {
    margin: 0 auto;
}

Lo acabo de probar y con eso debería bastar.
 
Última edición:

Webster182

Piedra
Usuario de Piedra
Mensajes
67
Puntuación de reacción
2
Al #masthead ponle margin: 0 auto; y luego la caja #casing se pasa unos píxeles de ancho por la derecha, así que si le quitas la propiedad width (width: 998px;) te queda perfecto.

Saludos!

Gracias amigo quedo perfecto, muchas gracias.

- - - Actualización- - -

En el contenedor #masthead usa margin: 0 auto;

Código:
#masthead {
    margin: 0 auto;
}

Gracias por la respuesta amigo.

Lo acabo de probar y con eso debería bastar.

Gracias ya resolvi el problema.
 
Estado
No está abierto para más respuestas.
Arriba