Help please!!Text sub imagine HTML/CSS

Aici postaţi orice este legat de tehnologiile "client side". HTML, HTML5, XHTML, CSS, CSS3, XML, Standarde
Manual JS: http://www.phpromania.net/jsmanual/index.html

Moderatori: eyecon, Moderatori

bogdanho
PHPRomania Supporter
Mesaje: 7
Membru din: Mie Noi 16, 2011 6:40 pm

Help please!!Text sub imagine HTML/CSS

Mesajde bogdanho » Sâm Apr 09, 2016 1:29 am

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.



Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 42 vizitatori