Problema com o background no WordPress e Notepad

kanikase · 26/02/2014

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

arevaloemiliano · 26/02/2014

Podrías adjuntar una captura de como se visualiza el error?

kanikase · 26/02/2014

[MENTION=80109]arevaloemiliano[/MENTION] simplemente no hay contenido
no se poner imagenes aqui xD aqui esta un link
clic aqui[/IMG]

murdoco · 26/02/2014

no sé exactamente porque usas el position, si lo quitas queda mejor.
ejemplo: Edit fiddle - JSFiddle

Inserir CODE, HTML ou 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>

jorge2108 · 26/02/2014

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:

arevaloemiliano · 26/02/2014

kanikase disse:
[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 ----------

jorge2108 disse:
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:

Josepdal · 26/02/2014

Inserir CODE, HTML ou 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.

jorge2108 · 26/02/2014

kanikase disse:
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

arevaloemiliano disse:
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:

Asi quedo

El codigo en html
Y el CSS EN OTRO Archivo

Guíate así 😀 :encouragement:

kanikase · 26/02/2014

[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

Chakal01 · 27/02/2014

jorge2108 disse:
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.

yockerzard · 03/03/2014

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.

Problema com o background no WordPress e Notepad

kanikase

arevaloemiliano

kanikase

murdoco

jorge2108

arevaloemiliano

Josepdal

jorge2108

kanikase

Chakal01

yockerzard

Tópicos similares