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: 5
Membru din: Mie Noi 16, 2011 6:40 pm

Help please!!Text sub imagine HTML/CSS

Mesajde bogdanho » Sâm Apr 09, 2016 1:25 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:



takedown
Average Member
Mesaje: 149
Membru din: Joi Feb 07, 2013 8:50 pm
Contact:

Re: Help please!!Text sub imagine HTML/CSS

Mesajde takedown » Sâm Apr 09, 2016 1:41 am


ViezuREX
Senior Member
Mesaje: 499
Membru din: Joi Dec 13, 2012 1:35 pm

Re: Help please!!Text sub imagine HTML/CSS

Mesajde ViezuREX » Vin Apr 15, 2016 2:18 pm

In principiu trebuie sa ai un container pentru fiecare produs. In containerul respectv trebuie sa ai un element imagine (eventual in HREF) un element titlu si unul text. In principiu ar trebui sa arate cam asa:

Cod: Selectaţi tot

<div class="product-container">
   <div class="product-image"><a href="LINK"><img src="IMAGINE" alt="NUME-PRODUS" ></a>
   <h2>NUME PRODUS</h2>
   <p>TEXT-PRODUS</p>
</div>


Am tinut cont aici ca ar trebui sa ai un <h1> cu numele paginii sau ceva de genul asta, de aceea am folosit <h2>


Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

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