Vil utrolig gerne lave følgende menu;

mener du rent grafisk?....så prøv at lave et nyt spørgsmål under grafiske opgaver og spørg om de ik kan lave det til dig...

<ole>

-cyrus- >> Vrøvl, det er ren HTML ... ingen grafik  :)

human900 >> Du kan f.eks. skrive:

<style type="text/css">
.menu {
    background-color: #006699;
    padding: 0px 5px 3px 5px;
}
.menu a {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
}
.menu a:visited {
    color: #ffffff;
    text-decoration: none;
}
.menu a:hover {
    color: #ff0000;
    text-decoration: none;
}
</style>

<div class="menu">
<a href="side1.html">Side 1</a> |
<a href="side2.html">Side 2</a> |
<a href="side3.html">Side 3</a> |
</div>

/mvh
</bole>

det ku da godt ske...menuen i sig selv er jo ik særlig svær at lave....

ok - men hvis jeg skal have den ind i en ramme som på unisport.dk - hvad gør jeg så lige ?

så er den inde i en tabel....


<style type="text/css">
.menu {
    background-color: #006699;
    padding: 0px 5px 3px 5px;
}
.menu a {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
}
.menu a:visited {
    color: #ffffff;
    text-decoration: none;
}
.menu a:hover {
    color: #ff0000;
    text-decoration: none;
}
</style>

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="350" id="AutoNumber1">
    <tr>
      <td width="300px">

<div class="menu" style="width: 350px; height: 22">
<a href="side1.html">Side 1</a> |
<a href="side2.html">Side 2</a> |
<a href="side3.html">Side 3</a> |
</div>

-cyruz- >> Det bliver ikke bedre af, du vrøvler videre  :)

human900 >> Mener du kun den øverste grønne bar - eller mener du hele kassen med to barer og et billede imellem?
/mvh

olebole= ja jeg mener faktisk hele kassen .. med de 2 barer og så et billede...

Så kan du gøre sådan:

<style type="text/css">
.menu-top {
    background: url(din_top_baggrund.gif) repeat-x;
    padding: 0px 5px 3px 5px;
}
.menu-bund {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    background: url(din_bund_baggrund.gif) repeat-x;
}
.menu-top a {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #cccccc;
    text-decoration: none;
}
.menu-top a:visited {
    color: #cccccc;
    text-decoration: none;
}
.menu-top a:hover {
    color: #ff0000;
    text-decoration: none;
}
</style>

<table style="width:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
    <td class="menu-top">
        <a href="side1.html">Side 1</a> |
        <a href="side2.html">Side 2</a> |
        <a href="side3.html">Side 3</a></td>
</tr>
<tr>
    <td><img src="dit_pic.jpg"></td>
</tr>
<tr>
    <td class="menu-bund">Noget andet her</td>
</tr>
</table>

Du skal bruge to baggrunds-billeder på 5-10px bredde ... ét til top-baren og ét til bund-baren.
/mvh

tak - det ser godt ud....giv mig lige et svar, ole b-.

nå- så svar da..