Crew algemeen |
|
Je maakt een plaatje voor de bovenkant van het menu (plaatje1), een voor het middenstuk (plaatje2) en een voor de onderkant (plaatje3).
En dan iets met html / css als dit:
<style type="text/css">
#menu {
/* code om het menu te positioneren */
}
#menu_content {
padding:-10px auto;
}
</style>
<div id="menu">
<img src="plaatje1.gif" alt="" />
<div id="menu_content">
Menu
</div>
<img src="plaatje3.gif" alt="" />
</div>
<style type="text/css"> #menu { /* code om het menu te positioneren */ } #menu_content { padding:-10px auto; } </style> <div id="menu"> <img src="plaatje1.gif" alt="" /> <div id="menu_content"> Menu </div> <img src="plaatje3.gif" alt="" /> </div>
Je wilt waarschijnlijk dat er wel tekst boven- en onderaan kan komen, dus eigenlijk tussen de ronding. Daarom heb ik er "padding: -10px auto;" bijgezet, dat zou de menu_content div groter moeten maken dan de plek tussen de twee plaatjes. |