Centrar logo en web

  • Autor Autor Usuario eliminado 4602
  • Fecha de inicio Fecha de inicio
U

Usuario eliminado 4602

Amigos !! Una pregunta,

Les comento:

Tengo estas 2 imagenes:

Enlace eliminado

y

Enlace eliminado

Si os fijais, en la primera ( la actual ), el logo esta a la izq y en la que yo quiero, esta en el medio... lo que pasa es que no se como ponerlo ahi en el medio ( la imagen esta echa en psd jeje ).

Aqui les paso el codigo de mi style.css ( una parte solo, que supongo que sera donde hay que cambiarlo. Si ahi no esta, ya paso todo el codigo.

Insertar CODE, HTML o PHP:
/* The Header */

#top {
	height:125px;
	margin:auto;
	background:#f4f4f4 url(images/top.png);
	width:1000px;

	}
.blogname {
	width:650px;
	font-family:Century gothic,Verdana,Tahoma,sans-serif;	
	margin:15px 0 0 0px;
    float:left;
	background-repeat:no-repeat;

	}
.blogname h1  {
	font-size:40px;
	height:76px;
	padding:0 0 0px 0;
	font-weight:normal;
	color:#cacccd;
	text-align:left;
	margin:15px 0 0 10px;
	text-indent:-9000px;
	background:url(images/logo.png) no-repeat;
	
	}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #cacccd; 
	display:block;
	}
	
.blogname h1  a:hover { 
	color: #eee; 
	}
.blogname h2 {
	margin:10px 0px 0px 15px;
	font-size:12px;
	font-weight:normal;
	color:#b6b6b6;
	text-align:left;
	text-transform:uppercase;

	}

	
#topbar {
	height: 36px;
	margin-bottom: 0px;
	background:#78A1AF url(images/topbar.png) repeat-x;
	font-family:Tahoma,Century gothic, Arial,Tahoma,sans-serif;
	padding:0px 0px;
	width:1000px;
}

#dates {
	float: left;
	height: 29px;
	line-height:29px;
	padding-left: 15px;
	font-size: 13px;
	color: #fff;
	margin: 2px 0 0 0px;

	
}

#topbar ul {
	float: right;
	display: inline;
	height: 23px;
	padding-right: 10px;
	margin:0px 0px
}

#topbar ul li {
	float: left;
	margin-left: 20px;
	display: inline;
	height: 20px;
}

#topbar ul li a:link,#topbar ul li a:visited{
	height: 20px;
	line-height: 25px;
	background: url(images/rss.png) no-repeat;
	background-position: left;
	padding-left: 20px;
	font-size: 13px;
	font-weight:normal;
	color: #AFAFAF;
}

#topbar ul li a:hover {
	color: #AFAFAF;
}

Seriais tan amable de poder ayudarme ?, Supongo que sera algo sencillo, pero realmente por mas que busque, no entiendo y no se solucionarlo :s.

Un saludo y muchas gracias por vuestro tiempo.
 
¿Me puede dar el enlace a su página, así puedo ver el código?

pero te puedes probar esto CSS por el logo -> margin: auto;
 
ok, no prob... intente esto.

.blogname h1 {
font-size:40px;
height:76px;
width: **;
padding:0 0 0px 0;
font-weight:normal;
color:#cacccd;
text-align:left;
margin:15px auto;
text-indent:-9000px;
background:url(images/logo.png) no-repeat;
}
 
Estoy mirando tu codigo y no puedos ver los cambios... el margin auto anda solamente si tiene Width

ok... el margin: auto; necesitas le poner a el .blogname

ver aquí en esta imagen -> Twitpic - Share photos on Twitter
 
Intentaste así?

.blogname h1 {
font-size:40px;
height:76px;
padding:0 0 0px 0;
font-weight:normal;
color:#cacccd;
text-align:center;
margin:15px 0 0 10px;
text-indent:-9000px;
background:url(images/logo.png) no-repeat;
 
sigue estando mal

por una parte, me sale una franja en blanco, y por la otra, es que me sale centrado pero arriba, y yo quiero centrado en el medio...

Intentaste así?

.blogname h1 {
font-size:40px;
height:76px;
padding:0 0 0px 0;
font-weight:normal;
color:#cacccd;
text-align:center;
margin:15px 0 0 10px;
text-indent:-9000px;
background:url(images/logo.png) no-repeat;

eso no funciona 🙁

Estoy mirando tu codigo y no puedos ver los cambios... el margin auto anda solamente si tiene Width

ok... el margin: auto; necesitas le poner a el .blogname

ver aquí en esta imagen -> Twitpic - Share photos on Twitter

Esta bien como dices, pero no realmente como quiero, porque yo quiero que salga centrado del todo, no que quede la imagen pegada arriba, sino que quede en el centro en todas las partes. espero que me entiendas
 
sigue estando mal
por una parte, me sale una franja en blanco, y por la otra, es que me sale centrado pero arriba, y yo quiero centrado en el medio...
eso no funciona 🙁

¿Y porqué desde el CSS? ¿Porqué no sólo envuelves el div con <center> en el header.php?
 
mmmmm si me dices donde tengo que ponerlo mejor xd

mas que nda, porque no entiendo nada de esto :/ jajaja

Enlace eliminado

¿En el header.php (Apariencia> Editor) te aparece esto?
Intenta colocarle <center> (o div align center) antes de la parte señalada y la cierras luego del </div> que está bajo el <h2></h2>..


Algo así:
<center><div id="top">.......
<h2>...</h2>
</div>
</center>
 
Esta bien como dices, pero no realmente como quiero, porque yo quiero que salga centrado del todo, no que quede la imagen pegada arriba, sino que quede en el centro en todas las partes. espero que me entiendas

añades un poco de "padding" en el #top ->

#top {
padding-top: 10px
}
 
nada, de las maneras que pruebe, ninguna me sale... enfin

tengo pensado otra cosa ya.... total.... acoplar el logo, con el fondo que es otra imagen con el photoshop y luego subirlo y listo..... no me voy a comer mucho la cabeza ya.

gracias por su tiempo
 
Utiliza esta imagen y fijate:

Le la puse a la izquierda y le agregue el fondo del mismo color que tu fondo a la derecha.. Por ende.. queda al medio..

Enlace eliminado
 
Utiliza esta imagen y fijate:

Le la puse a la izquierda y le agregue el fondo del mismo color que tu fondo a la derecha.. Por ende.. queda al medio..

Enlace eliminado

Pues no entiendo porque me sale de diferente color XDDDDDDDDDDDDD

De todas maneras, de esta forma, no saldria lo que tengo pensado hacer. Mas que nada, porque, no quiero que luegos los lados, se me queden vacios, tenia pensado ponerle unos brushes o algo para que quede mas colorido... ya vere que hago, pero muchas gracias por la molestia
 

Temas similares

R
Respuestas
2
Visitas
140
WebmasterC.A
WebmasterC.A
danicifu
Respuestas
2
Visitas
58
danicifu
danicifu
Guti87
Respuestas
7
Visitas
210
SmetDesign
SmetDesign
Boruto Fan
Respuestas
4
Visitas
294
jhampi
jhampi
Atrás
Arriba