Problema con el background en WordPress y Notepad

  • Autor Autor kanikase
  • Fecha de inicio Fecha de inicio
kanikase

kanikase

Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
tengo un problema, tengo un blog en wordpres e intente poner el logo en background, pero despues de que vi que funcionaba, decidi hacer una prueba con el notepad, pero aun asi no me funciona, alguien me puede decir porque, o que tengo mal:
este es el codigo:
<html>
<head>
<style type="text/css">
#body{
background:#000000;
}
#logo{
background-image: url("http://forobeta.com/images/misc/header.JPG");
width:100%;
height:102px;
position:relative;
top:50px;
left:50px;
}
</style>
</head>
<body>
<div id="body">
<div id="logo"></div>
</div>
</body>
</html>

Otra cosa, como hago para que ese codigo aparezca como codigo xD soy nuevo
 
Podrías adjuntar una captura de como se visualiza el error?
 
[MENTION=80109]arevaloemiliano[/MENTION] simplemente no hay contenido
no se poner imagenes aqui xD aqui esta un link
clic aqui[/IMG]
 
no sé exactamente porque usas el position, si lo quitas queda mejor.
ejemplo: Edit fiddle - JSFiddle

Insertar CODE, HTML o PHP:
<html>
<head>
<style type="text/css">
#body{
background:#000000;
}
#logo{
background-image: url("http://forobeta.com/images/misc/header.JPG");
width:100%;
height:102px;
}
</style>
</head>
<body>
<div id="body">
<div id="logo"></div>
</div>
</body>
</html>
 
Última edición:
HTML:
#logo{
background-image: url("http://forobeta.com/images/misc/header.JPG");
width:100%;
height:102px;
position:relative;
top:50px;
left:50px;
}
El problema CREO
Que es que dice
#logo{ <--PEGADO :ambivalence:
#logo { <- SEPARADO :encouragement:
 
[MENTION=80109]arevaloemiliano[/MENTION] simplemente no hay contenido
no se poner imagenes aqui xD aqui esta un link
clic aqui[/IMG]


Lo qué tu quieres hacer es armar una cabecera similar a la de forobeta con fondo negro y con un logo dentro? Respondeme y te lo armo en segundos es facil ! :encouragement:

---------- Post agregado el 26-feb-2014 hora: 14:31 ----------

HTML:
#logo{
background-image: url("http://forobeta.com/images/misc/header.JPG");
width:100%;
height:102px;
position:relative;
top:50px;
left:50px;
}
El problema CREO
Que es que dice
#logo{ <--PEGADO :ambivalence:
#logo { <- SEPARADO :encouragement:

Eso no influye, da igual si está junto o separado :encouragement:
 
Insertar CODE, HTML o PHP:
<html>
	<head>
		<style type="text/css">
			#logo{
				background-image: url("http://forobeta.com/images/misc/header.JPG");
				width:100%;
				height:100%;
				background-repeat: no-repeat;
			}
		</style>
	</head>
	<body>
		<div id="logo"></div>
	</body>
</html>

Sólo así, ya debería funcionarte.

Está todo separado para que mires dónde se abren y cierran las cosas. Así puedes ver lo que son las etiquetas padre y lo que contienen cada una de ellas.
 
tengo un problema, tengo un blog en wordpres e intente poner el logo en background, pero despues de que vi que funcionaba, decidi hacer una prueba con el notepad, pero aun asi no me funciona, alguien me puede decir porque, o que tengo mal:
este es el codigo:
<html>
<head>
<style type="text/css">
#body{
background:#000000;
}
#logo{
background-image: url("http://forobeta.com/images/misc/header.JPG");
width:100%;
height:102px;
position:relative;
top:50px;
left:50px;
}
</style>
</head>
<body>
<div id="body">
<div id="logo"></div>
</div>
</body>
</html>

Otra cosa, como hago para que ese codigo aparezca como codigo xD soy nuevo


Lo qué tu quieres hacer es armar una cabecera similar a la de forobeta con fondo negro y con un logo dentro? Respondeme y te lo armo en segundos es facil ! :encouragement:

---------- Post agregado el 26-feb-2014 hora: 14:31 ----------



Eso no influye, da igual si está junto o separado :encouragement:
7bbOz.png

Asi quedo
7bbPW.png

El codigo en html
Y el CSS EN OTRO Archivo
7bbRx.png


Guíate así 😀 :encouragement:
 
Última edición:
[MENTION=42771]jorge2108[/MENTION] [MENTION=80109]arevaloemiliano[/MENTION]
ya lo arregle hace rato y lo implemente xD asi:
css:
.logo{
background: url("/wp-content/uploads/2014/02/logo-tododescargas5.png");
width:237px;
height:90px;
float:left;
margin: -10px 0 0 20px;
}

html:
<a href="/"><div class="logo"/></div></a>
http://www.toddescargas.tk
 
HTML:
#logo{
background-image: url("http://forobeta.com/images/misc/header.JPG");
width:100%;
height:102px;
position:relative;
top:50px;
left:50px;
}
El problema CREO
Que es que dice
#logo{ <--PEGADO :ambivalence:
#logo { <- SEPARADO :encouragement:

Amigo eso no influye.
 
Verifica que la imagen tenga las mismas dimensiones que estás poniendo en el CSS, si es más grande puede que sañga del espacio y no se vea nada.
 
Atrás
Arriba