Restaurant meny

[TEQ]

Hei..

Ønsker en lignende meny som følgende side: http://www.vivanapoli.no/take-away-meny

Ønsker da i grunn tabellkoden og ikke den øverste menyen.. (pizza, kjøttretter, kebab osv..)
Synes oppsettet var meget pent.

Har prøvd meg litt frem ved hjelp av Google, men sliter veldig med å få noe lignende.
Koder dette i en side i CMS-løsningen WordPress.

Håper på raske svar!

 

[zapotek]

Ønsker da i grunn tabellkoden og ikke den øverste menyen.. (pizza, kjøttretter, kebab osv..)
Synes oppsettet var meget pent.

Ta en titt på kildekoden til siden (og css-filene), så ser du hvordan de har laget det. (Det er ikke brukt tabeller, men divs).

 

[TEQ]

Prøvd å bruke de, men får ikke helt til det..

Noen som kan gi meg et eksempel med 2 retter på en linje? (html)

Altså:
1. pizzanavn
2. ingredienser
3. pris (ved siden av pizzanavn - på lik måte som http://www.vivanapoli.no/take-away-meny)

 

[xdex]

Kan du vise oss hva du har prøvd? Det er lettere å veilede deg, enn at vi skal sitte å gjøre jobben for deg.

 

[erlsae]

Kjapt laget med tabeller:

<table style="width:100%">
  <tr>
    <td>Margatita</td>  
    <td>75,- / 100,-</td>
  </tr>
  <tr>
    <td><i>Middagsmat</i></td>
  </tr>
  <tr>
    <td>Ny pizza</td>  
    <td>85,- / 170,-</td>
  </tr>
  <tr>
    <td><i>Kjempegod</i></td>
  </tr>
</table>

I aksjon: https://jsfiddle.net/k1hhyprt/

 

[TorsteinO]

Det der er jo et eksempel på når det er helt korrekt å bruke tabeller, og det vil være enkelt og kjapt å sette opp, men ellers så er det jo bare å kopiere html og tilhørende css fra viva napoli, så er du i mål på 1-2-3

 

[TEQ]

Kjapt laget med tabeller:

<table style="width:100%">
  <tr>
    <td>Margatita</td> 
    <td>75,- / 100,-</td>
  </tr>
  <tr>
    <td><i>Middagsmat</i></td>
  </tr>
  <tr>
    <td>Ny pizza</td> 
    <td>85,- / 170,-</td>
  </tr>
  <tr>
    <td><i>Kjempegod</i></td>
  </tr>
</table>

I aksjon: https://jsfiddle.net/k1hhyprt/

Hvordan får jeg 2 "retter" på samme linje?

 

[TorsteinO]

f.ex. sånn:

<table style="width:100%">
  <tr>
    <td style="width: 25%">Margatita<br/><i>Middagsmat</i></td>   
    <td style="width: 25%">75,- / 100,-</td>
    <td style="width: 25%">Ny pizza<br/><i>Kjempegod</i></td>   
    <td style="width: 25%">85,- / 170,-</td>
  </tr>
  <tr>
    <td style="width: 25%">enda en pizza<br/><i>Middagsmat</i></td>   
    <td style="width: 25%">75,- / 100,-</td>
    <td style="width: 25%">Pizza grandiosa<br/><i>Kjempegod</i></td>   
    <td style="width: 25%">85,- / 170,-</td>
  </tr>
</table>

https://jsfiddle.net/k1hhyprt/5/

 

[TEQ]

Takk for all hjelp!

Akkurat startet med å lære meg html/css.