[HTML] Box immagine e testo

Sarrio

Nuovo Utente
24 Set 2016
7
0
1
Salve a tutti. Nel sito che sto creando ho inserito un form di ricerca che, una volta compilato ed eseguito il submit, mi reindirizza alla pagina "search.php" , la quale, dopo aver effettuato una ricerca nel database,vorrei che mi faccia visualizzare i risultati nel seguente modo:
Ogni risultato deve essere inserito dentro un riquadro e ogni riquadro sarà composto da un'immagine sulla sinistra, che occupa tutta l'altezza del box, e un link e una breve descrizione sulla destra.
So già come fare la parte php e mysql, ma, anche se ne mastico un po, non ho idea dei codici html e css che bisognerebbe utilizzare.
Potete darmi qualche consiglio?
 
Codice:
<style type="text/css">
div#box {
    width:500px;
    height:auto;
}
img {
    float:left;
    padding:10px;
}
</style>
</head>

<body>
<div id="box">
<img src="immagine.png" width="59" height="60" alt=""/>
<p><a href="#" target="_self">Il mio link</a><br>
« Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. »
</div>
 
  • Like
Reactions: Sarrio

Discussioni simili