Ciao a tutti, avrei bisogno di un aiuto con una pagina web, il risultato che vorrei ottenere è questo però passando dal database che ho già creato. mi spiego meglio, i contenuti della pagina del link sono stati scritti manualmente, io vorrei che i dati venissero raccolti dal database e poi stampati a schermo. La mia tabella è fatta più o meno così:
Indice |
Tipologia |
Descrizione |
Classe |
1 |
Primi |
Piatto 1 |
|
10 |
Primi |
Piatto 2 |
new |
2 |
Secondi |
Piatto 1 |
|
3 |
Dolci |
Piatto 1 |
new |
4 |
Dolci |
Piatto 1 |
new |
5 |
Bevande |
Bevanda 1 |
|
io vorrei che questi dati venissero stampati in questa pagina in modo tale che nel div dei primi vengano scritti SOLO i piatti primi, nel div dei secondi SOLO i secondi, e così via...
Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="stili.css" rel="stylesheet" type="text/css">
<meta name="DESCRIPTION" content="Gruppo S. Gottardo - Piatti">
<meta name="KEYWORDS" content="Piatti Gruppo San Gottardo, piatti gruppo san gottardo,
Gruppo San Gottardo, Sagra San Gottardo, sagra san gottardo, 1 maggio, eventi, sagra padernello,
padernello, san gottardo tv, san gottardo TV, da 26 aprile al 06 maggio, piatti ">
<meta name="ROBOTS" content="INDEX,FOLLOW">
<title>Gruppo S. Gottardo - Piatti</title>
</head>
<body>
<script>
</script>
<div id="header">
<img id="logo" src="san gottardo 2-04.png" alt="logo san gottardo">
<img id="scritta" src="scritta.png" alt="Gruppo San Gottardo">
<div id="sot"> </div>
</div>
<div id="contenuto">
<div id="sinistra">
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="storia.html">Storia</a></li>
<li><a href="eventi.php">Eventi</a></li>
<li>Piatti</li>
<ul class="circle"> <!--SOTTOMENU -->
<li><a href="piatti.html#primi">Primi</a></li>
<li><a href="piatti.html#secondi">Secondi</a></li>
<li><a href="piatti.html#contorni">Contorni</a></li>
<li><a href="piatti.html#Dolci">Dolci</a></li>
<li><a href="piatti.html#bevande">Bevande</a></li>
</ul> <!-- FINE SOTTOMENU -->
<li><a href="galleria.html">Galleria</a></li>
<li><a href="contatti.html">Contatti</a></li>
<li><a href="admin/admin.php"><font size="4px">Accedi</font></a></li>
</ul>
</div>
<div id="destra">
<h3>In questa pagina trovi tutti i piatti proposti dai nostri cuochi:</h3>
<div id="primi">
<h3>PRIMI</h3>
<ul class="liste">
<!-- -->
</ul>
</div>
<div id="secondi">
<h3>SECONDI</h3>
<ul class="liste">
<!-- -->
</ul>
</div>
<div id="contorni">
<h3>CONTORNI</h3>
<ul class="liste">
<!-- -->
</ul>
</div>
<div id="Dolci">
<h3>DESSERT & CAFFÈ</h3>
<ul class="liste">
<!-- -->
</ul>
</div>
<div id="bevande">
<h3>BEVANDE</h3>
<ul class="liste">
<!-- -->
</ul>
</div>
</div>
</div>
<div id="footer">
© Gruppo San Gottardo 2015 — Riservato ogni diritto e utilizzo — Design & Code by
<a id="foot" href="mailto:manulaz@live.it">Manuel Lazzarin</a>
</div>
</body></html>
Naturalmente i commenti <!-- --> sono da sostituire con gli elementi presi dalla tabella. io preferirei che si usassero le liste per attribuire tutti gli stili presi dal css. se avete notato in alcune righe dei piatti c'è la classe new questa, deve essergli attribuita come nell'esempio qui sotto, in modo tale che la classe venga letta dal foglio di stile:
Codice:
<ul class="liste">
<li>Piatto di gnocchi al sugo d'anatra</li>
<li>Piatto di gnocchi al Burro & Salvia</li>
<li class="new"><strong>Piatto bigoli al sugo d'anatra</strong></li>
<li class="new"><strong>Piatto Bigoli all'amatriciana</strong></li>
<li class="new"><strong>Sfornato di asparagi</strong></li>
</ul>
Vi ringrazio fin da ora per l'aiuto che mi darete!