Buenas, pues bueno estoy trasteando html con css y tengo un ligero problemilla.
Tengo puesta la foto de la cabecera, y dentro quiero agregar 1 pequeño menu que enlace a 2 sitios.
El problema es que cuando meto el :
<ul>
<li><a href="#">Foro</a></li>
<li><a href="#">Galerias</a></li>
</ul>
me lo coloca o arriba o debajo de la imagen, pero nunca en su interior, que es donde yo lo quiero.
Gracias.
Podrías poner mas código? Supongo que sera porque la imagen la pones a saco con un <img ...> antes de este código que has puesto y no definiendo-la en el css y luego enlazándola con un class en un tr o td de tu tabla.
si, la imagen esta puesta con un <img ...> a pelo .
<body>
<div id="contenedor">
<!-- Imagenes Cabecera -->
<div class="Cabecera">
<div id="fotocabecera">
<img src="img/cabecera.jpg" alt="cabecera irelia jarvan" />
<div id="Forogaleria">
<ul>
<li><a href="#">Foros de debate</a></li>
<li><a href="#">Galeria de fotos</a></li>
</ul>
<div id="RedesSociales">
</div>
<!-- Fin Cabecera -->
#2 mas o menos lo que quiero hacer con la cabecera es esto :
es entre medias de las 2 fotos poner el foro y la galeria
#4 entonces en el css , la classe .Cabecera tendria que tener esto :
background-image: url(img/cabecera.jpg); de esta manera la imagen se te pondrá de fondo y todo el contenido que tenga ese div estará superpuesto a la imagen.
no lo consigo hacer, pero bueno estoy empezando jejeje ya me busco yo la vida con lo que me has dicho que es mediante el css y no por el html, gracias compi
#6 puedes hacerlo con background, o con la propiedad absolute,
<div id="contenedor">
<div class="Cabecera">
<div id="fotocabecera" style="position:absolute;z-index:1;">
<img src="img/cabecera.jpg" alt="cabecera irelia jarvan" />
</div>
<div id="Forogaleria" style="position:absolute;z-index:2;">
<ul>
<li><a href="#">Foros de debate</a></li>
<li><a href="#">Galeria de fotos</a></li>
</ul>
</div>
<div id="RedesSociales">
</div>
</div>
</div>
Después con la propiedad top, left y los margin lo posicionas dentro del div padre al gusto.
