problema con imagen y texto en css

tokiodata · #1 (**permalink**) 14/10/2012, 18:38

buenas tardes tengo un problema con css y nadamas no lo puedo solucionar.
estoy creando un menu y tengo una imagen de la parte de arriba
esta es la imagen en el css
div#menu {width:184px; background:url(arriba.jpg) top no-repeat; padding-top:44px;}

pero dentro de esta imagen en el centro quiero meterle texto pero nadamas no puedo

mando llamar la imagen

<div id="menu">

pero no puedo meter el tento dentro de la imagen, alguien me podria ayudar para saber como ?

ArturoGallegos · #2 (**permalink**) 14/10/2012, 19:00

muestra el código completo de dicha sección, con lo que has puesto no dejas claro como estas insertando el texto

tokiodata · #3 (**permalink**) 14/10/2012, 19:16

cual el html ?

es este

Código:

<div id="menu">
aqui pongo el texto
 <div id="bodyy">

 <ul id="list">

 <li><a href="#">1</a></li>
 <li><a href="#">2</a></li>
 <li><a href="#">2</a></li>
 
  </ul>
 </div>
<div id="boton"></div>

gartzia6 · #4 (**permalink**) 15/10/2012, 00:56

E copiado tu codigo como se ve habajo y el texto me lo pone encima de la imagen, mira haber donde te pone el texto quitando la imagen, o prueba con ponerle un z-index a la imagen. Con la informacion que as dado esto es lo mas que yo te puedo ayudar.

Código HTML:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
div#menu {width:184px; background:url(../Pictures/hola.jpg) top no-repeat; padding-top:44px;}

</style>
</head>

<body>
<div id="menu">
	hola
    <div>
    	yhfyeoih
    </div>
</div>
</body>