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: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: 153
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: 502
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>

JuliaMeebo
New Member
Mesaje: 1
Membru din: Mie Apr 11, 2018 2:34 am

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

Mesajde JuliaMeebo » Mie Apr 11, 2018 2:38 am

Ma puteti ajuta si pe mine va roog?
Am terminat un joc (matching game/puzzle) si nu l pot face responsive pentru toate device urile cu @media.

aveti idei cum sa fac asta? avand in vedere ca atunci cand schimb ceva pt ecrane mici, puzzle ul meu devine o coloana lunga...

nevvermind
Senior Member
Mesaje: 1264
Membru din: Mar Iun 22, 2010 3:17 pm

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

Mesajde nevvermind » Mie Apr 11, 2018 7:52 pm

Ai re-deschis un post vechi de 2 ani. Fa un altul, pls, cu problema ta.
Facusi un canal de php pe freenode - ##php-ro : https://webchat.freenode.net/


Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

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