Problema con mi Header de texto en Safary

[giorgiomartini1]

Problema con mi Header en texto en Safary
Nota- no me dejan poner los links bien :(


Hola , useo wordpress , conozco lo basico basico de html y css .


mi problema es que quise quitar el header en texto de mi pagina y cambiarlo por una imagen , asi que puse al final de mi style.css esto :


CODIGO :

.header .name,.header .slogan {
position:absolute;
top:-5000px;
left:-5000px;
}


y funciono , pero solo en firefox , en safari sigue saliendo el texto.

que debo hacer para arreglarlo ?

esta es mi hoja de estilos
mediafire.com/download.php?oojtytz2yqf ( copiar y pegar no puedo poner links :( )

por cierto en el panel de settings generales todavia tengo escrito el nombre de mi web y su descripcion , por que me han dicho que lo deje para que las search engines lo vean , aunque luego el texto no salga en la pagina propia.

Espero que me podias ayudar ! gracias ,

mi pagina tweakingknobs.com ( copiar y pegar no puedo poner links :( )

[AlvaroG]

Movido desde Wordpress, este es un problema de CSS.


Saludos.

[deirdre]

Hola giorgiomartini1

Podrías intentar cambiar tu código por este y hacer una prueba?

Código HTML:

<style type="text/css">
.header .name .header .slogan {
	display: none
}
</style> 

Nos cuentas.

Bye

[giorgiomartini1]

yeah! si funciono !

gracias deidre ;D


ahora puedo continuar con mi web hasta que me encuentre otro problema jajaj

gracias !

[deirdre]

De nada, es gratificante que te sirviera... esperaremos al próximo problema

Bye

[giorgiomartini1]

Iniciado por deirdre

De nada, es gratificante que te sirviera... esperaremos al próximo problema

Bye

Hola , deidre es muy , raro he vuelto a mirar y ahora no funciona ni en safary ni en firefox, muy raro


alguna otra suggestion ?


tweakingknobs.com

[kseso?]

alguna otra suggestion ?

Sugestiones ninguna, sólo una sugerencia

en tu html:

Código html:

<div class="main">
     <div id="header">
          <a href="http://tweakingknobs.com">
               <span>TweakingKnobs</span>
               <img src="http://www.tweakingknobs.com/wp-content/themes/fancy/img/tweakingknobs.jpg"/>
          </a>
     </div>
<!..el resto de tu c&#243;digo -->
 

y en el css, para ocultar el span y dejar sólo la imagen:

Código css:

.main #header a span {
position:absolute;
top:-5000px;
left:-5000px;
}
 

o bien, otra forma que me gusta más, la posicionas debajo (en la vertical) de la imagen con el z-index, de tal manera que en caso de no cargar la imagen se vea el texto.

Un saludo.

P.D.:
Deberías optimizar algo el código. Tienes un montón de llamadas en el header a los estylos.

[giorgiomartini1]

gracias Kseso?

entonces el html , donde lo pongo por que estoy en wordpress y ahi tengo styles.css y luego por ejemplo header.php o mainindex.php

entonces ok el codigo de css en my hoja de estilos styles.css pero el codigo de html lo pongo in my header.php ?

gracias !