Check the new version here

Popular channels

[Html + css] Menu de restaurante

Hola muchachos, quiero traerles este codigo que vi hace mucho tiempo... esta muy bueno para tomar como idea a la hora de hacer alguna lista como un menu...
espero le sirva a mas de uno...

Este es el HTML
<h2>Menú</h2>
<dl>
<dt>Milanesa a la napolitana</dt>
<dd class="price">35 Pesos</dd>
<dd class="ingredients">Milanesa de pseudo pollo, salsa de tomate, queso y demas</dd>
</dl>

<dl>
<dt>Caprese</dt>
<dd class="price">22 pesos</dd>
<dd class="ingredients">Mozzarella, tomate, albahaca</dd>
</dl>
<dl>
<dt>Tallarines</dt>
<dd class="price">32 pesos</dd>
<dd class="ingredients">Tallarines caseros marca luchetti</dd>
</dl>



y el CSS

body {background: #FFF;text-align:center}  
 p {text-align: center;color: #50A7FF}  
a {color: #0055EA}  
   div#menu {width:550px;margin: 0 auto;  
   font: 90% "Trebuchet MS",Arial,sans-serif;text-align:left}  
 h2 {margin: 1em auto 0.3em;color: #008C00;  
 font-size: 250%;text-align:center}  
 
 dl {width: 100%;overflow: auto;margin: 0 0 1em;  
background: url(dot.gif) repeat-x 0 1.2em}  
 dt,dd.price {background: #FFF;font-size: 130%;font-weight: bold}  
 dt {float: left;padding-right: 3px;color: #F70000}  
 dd {margin:0}  
 dd.price {float: right; padding-left: 3px; color: #AAA}  
dd.ingredients {float: left; width: 100%;padding: 3px 0;  
 font: italic 100% Georgia,Times,sans-serif;color: #555}
0
0
0
0
0No comments yet