Pagina 1 din 1

Help please!!Text sub imagine HTML/CSS

Scris: Sâm Apr 09, 2016 1:29 am
de bogdanho
Salut. Lucrez la o pagina web si am intrat un pic in impas si as avea nevoie de putin ajutor si/sau sfaturi.
1.Pagina e pentru un magazin gourmet si trebuie sa prezint o serie de produse pe langa alte chestii. asa ca la pagina de produse ca sa nu pun toate produsele gramada am zis sa fac prima data niste grupuri. am impartit produsele in 8 grupe. am ales niste imagini si as vrea ca sub imagine sa imi scrie numele grupului(am nevoie si cand o sa prezint fiecare produs in parte). Nu e neaparat dedesubt, poate sa fie si deasupra sau daca aveti alta idee va ascult.

HTML:

<body>
<div id="container">

<div id="contain">

<a href="Jamones.html"><img src="img/jamon.png" class="productos" /></a>
<a href="Quesos.html"><img src="img/Queso.jpg" class="productos" /></a>
<a href="Aceite.html"><img src="img/aceite.jpg" class="productos" /></a>
<a href="Pescado.html"><img src="img/anchoa.jpg" class="productos" /></a>
<a href="Vinos.html"><img src="img/vino.jpg" class="productos" /></a>
<a href="Otras_Bebidas.html"><img src="img/Bebidas.png" class="productos" /></a>
<a href="Otros_Productos.html"><img src="img/pate.jpg" class="productos" /></a>
<a href="Dulces.html"><img src="img/postres.jpg" class="productos" /></a>

</div>



CSS:

.productos{
width:150px;
height:150px;
border:5px solid #FFF;
-webkit-box-shadow: 1px 1px 5px #8C6B30;
float:left;
margin-top:15px;
margin-left:15px;}

.productos:hover{
border:5px solid #FFF;
-webkit-box-shadow: 1.5px 1.5px 5px #ff1a75;}



2.si mai am o intrebare. incerc sa fac ca atunci cand treci cu mouseul peste o imagine sa imi apara intr-o casuta o descriere, de exemplu peste logo facebook sa scrie FACEBOOK. stiu ca treaba asta sa face <a><img src="xxxx" alt="xxx"/></a>. Am incercat chestia asta si nu imi merge.

Va multumesc anticipat si imi cer scuze daca am incalcat vreo regula a forumului.