Avatar billede dotcom1 Nybegynder
02. juni 2004 - 16:03 Der er 5 kommentarer og
1 løsning

Menu i css

http://www.studenterforum.dk/test/links.htm

Menuen på denne side er lavet i css. Hvordan får man den orange farve til at fylde hele tabelcellen ved hover? Lige nu er der en tynd hvid kant inden borderen.

css:

<style type="text/css">
<!-- table.menu {border: 1px solid #393939;} -->
td.menu {font: 11px arial, verdana, sans-serif;text-align: center;}
a.menupunkt {
    text-decoration: none;
    /*background-color: #FFFFFF;*/
    color: #000000;
    display: block;
    line-height: 15px;
    width:100%;
    height:100%;
    font-weight:bold;
}
a.menupunkt:hover {
    text-decoration: none;
    background-color: #FF9900;
    /*border-top : 1px solid #8F9CC6; */
    /*border-left : 1px solid #8F9CC6;*/
    /*border-bottom : 1px solid #6D6D6D;*/
    display: block;
    color: #000000;
    width:100%;
    height:100%;
    font-weight:bold;
}
a.menupunkt:visited {
    display: block;
    color: #000000;
    text-decoration: none;
    width:100%;
    height:100%;
    font-weight:bold;
}
</style>
Avatar billede roenving Novice
02. juni 2004 - 16:14 #1
table.menu {border-collapse:collapse;}
.menu td {font: 11px arial, verdana, sans-serif;text-align: center;padding:0px;}

-- og

        <table width="67%" height="13" cellspacing="0" class="menu">
Avatar billede roenving Novice
02. juni 2004 - 16:15 #2
-- og med collapse kan du også sætte en border i .menu td-definitionen, da der kun vil optræde een !-)
Avatar billede roenving Novice
02. juni 2004 - 16:19 #3
.menu td {font: 11px arial, verdana, sans-serif;text-align: center;padding:0px;border: 1px solid #000000;}

Så kan du nøjes med dette i din menu-tabel:

        <table width="67%" height="13" cellspacing="0" class="menu">
          <tr>
            <td width="18%"><a class="menupunkt" href="#">&nbsp;Forside</a></td>
            <td width="23%"><a class="menupunkt" href="#">&nbsp;Projekter</a></td>
            <td width="16%"><a class="menupunkt" href="#">&nbsp;CV</a></td>
            <td width="20%"><a class="menupunkt" href="#">&nbsp;Galleri</a></td>
            <td width="21%"><a class="menupunkt" href="#">&nbsp;Links</a></td>
            <td width="2%" style="border: 0px;">&nbsp;</td>
          </tr>
        </table>
Avatar billede dotcom1 Nybegynder
02. juni 2004 - 18:30 #4
Det virker bare - og er nemmere at overskue. Tusind tak for hjælpen! Læg endelig et svar. :-)
Avatar billede roenving Novice
02. juni 2004 - 18:34 #5
Velbekomme '-)
Avatar billede roenving Novice
02. juni 2004 - 18:40 #6
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester