Avatar billede Slettet bruger
08. marts 2002 - 22:50 Der er 3 kommentarer og
1 løsning

Baggrundsfarve i CSS Menu

Hej! igen en nybegynder med CSS, kan i hjælpe mig med at få placeret en baggrundsfarve til nedenstående venstremenu, {background-color: #CCCC00;}, som fylder hele baggrundsarealet ud.
Skal der laven en ny tabel hvor nedenstående sættes ind i, eller skal det være et framesæt, ELLER HVAD?
----------------------------------cut

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE>indhold</TITLE>
<META NAME="Generator" CONTENT=" ">

<base target="hovedramme">
</HEAD>

<BODY><style type="text/css">
<!--

table.menu {border: 1px solid #393939;}

td.menu, .overskrift {font: bold 11px verdana, sans-serif;text-align: center;}

a.menupunkt {
    text-decoration: none;
    background-color: #CCCC66;
    color: #717171;
    border-top : 1px solid #FFFFFF;
    border-left : 1px solid #FFFFFF;
    border-bottom : 1px solid #6D6D6D;
    display: block;
    line-height: 22px;
    width:99%;
}

a.menupunkt:hover {
    text-decoration: none;
    background-color: #CCCC33;
    border-top : 1px solid #CCCC00;
    border-left : 1px solid #8F9CC6;
    border-bottom : 1px solid #6D6D6D;
    display: block;
    color: #000000;
    width:99%;
}

.overskrift {
    background-color: #CCCC00;
    color: #000000;
    border-top: 1px solid #D5DFFF;
    border-left: 1px solid #D5DFFF;
    border-bottom: 1px solid #393939;
    line-height: 20px;
}
-->
</style>

<table cellpadding="0" cellspacing="0" border=0 class=menu width=200>
<tr><td><div class=overskrift>MENU</div></td></tr>
<tr><td class=menu><a href="dysop.htm" class=menupunkt>DySoP</a></td></tr>
<tr><td class=menu><a href="dysopkontakt.htm" class=menupunkt>Kontakt</a></td></tr>
<tr><td class=menu><a href="Socialpaedagogiske tilbud.htm" class=menupunkt>Socialpædagogiske
      Tilbud</a></td></tr>
<tr><td class=menu><a href="skoleudvikling.htm" class=menupunkt>Skoleudvikling</a></td></tr>
<tr><td class=menu><a href="Caféseminar.htm" class=menupunkt>Caféseminar</a></td></tr>
<tr><td class=menu><a href="teamudvikling.htm" class=menupunkt>Teamudvikling</a></td></tr>
<tr><td class=menu><a href="supervision.htm" class=menupunkt>Supervision</a></td></tr>
<tr><td class=menu><a href="moedeledelse.htm" class=menupunkt>Mødeledelse</a></td></tr>
<tr><td class=menu><a href="projektkoordinering.htm" class=menupunkt>Projektkoordinering</a></td></tr>
<tr><td class=menu><a href="tolkebrugsundervisning.htm" class=menupunkt>Tolkebrugsundervisning</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt>Menupunkt 11</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt>Menupunkt 12</a></td></tr>

</table>

</BODY>
</HTML>
Avatar billede krasmulu Nybegynder
08. marts 2002 - 23:02 #1
Hvis det er hele tabellen der skal have den farve som baggrund, skal du i din css skifte stykket med table.menu ud med
table.menu
{  background-color: #CCCC00;
  border: 1px solid #393939;
}
Så skulle den være der :)
/Kras
Avatar billede Slettet bruger
09. marts 2002 - 15:40 #2
krasmulu>Virker kun på menuens areal, i dette tilfælde width=273 hight 100%, menuen kaldes af et frameset (venstre=menu,højre=hovedramme)een 1px farve som altid fylder framen, baggrund for menuen?
Avatar billede Slettet bruger
09. marts 2002 - 15:42 #3
det sidste skulle være: kan man ikke lave een 1px farve som altid fylder framen, baggrund for menuen?
Avatar billede Slettet bruger
10. marts 2002 - 22:42 #4
har selv løst problemet
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