Avatar billede msira Nybegynder
23. januar 2005 - 17:08 Der er 2 kommentarer og
1 løsning

Blikkende links

Hej,

Hvordan opretter jeg en css, der kan få mine kasser i linkene til at skifte baggrundsfarve, se link:

http://mamboserver.com/cat/Documentation/

Det er den vandrette menu linke.

En ting mere css skal gøre er at beholde farven, når jeg er på angivende side?

Håber du kan hjælpe..
Avatar billede olebole Juniormester
23. januar 2005 - 23:41 #1
<ole>

Det kunne være noget à la:

<style type="text/css">
.menu {
    background-color: #dedede;
    font: 11px verdana, arial, sans-serif;
    border: 1px solid #666666;
}
.menu td {
    width: 60px;
    height: 18px;
    text-align: center;
}
.menu a div {
    padding-top: 2px;
}
.menu a, .menu a:visited {
    width: 100%;
    height: 100%;
    background-color: #ededed;
    color: black;
    text-decoration: none;
    display: block;
    border: 1px solid #666666;
}
.menu a:hover {
    background-color: white;
}
.menu a.actPage,.menu a.actPage:visited {
    background-color: white;
}
</style>

<table class="menu" cellspacing="5" cellpadding="0" border="0">
<tr>
    <td><a href="#"><div>Link 1</div></a></td>
    <td><a href="#"><div>Link 2</div></a></td>
    <td><a href="#" class="actPage"><div>Link 3</div></a></td>
    <td><a href="#"><div>Link 4</div></a></td>
</tr>
</table>

/mvh
</bole>
Avatar billede msira Nybegynder
24. januar 2005 - 15:54 #2
Takker:)

I online tilstand ser det meget rigtigt ud. Håber at den markede menu, når den er blevet aktiveret og den aktuelle side kommer frem, bliver den markeringen ved det aktuelle menupunkt - hvis du forstår min underlig sætning! :)

Er det sådan at det kan være muligt at gøre menuen gennemsigtigt, så hvis jeg har et billede i en tabelbaggrund og menuen oven på, skinner baggrundsbilledet igennem menuens baggrund.

(det var lige til at blive forvirret over at skrive, jeg håber du forstår hvad jeg mener..)
Avatar billede olebole Juniormester
24. januar 2005 - 17:01 #3
1. Det aktuelle menupunkt gives blot klassen 'actPage' på hver side.
2. Du kan evt skrive:

.menu {
    background-color: #dedede;
    font: 11px verdana, arial, sans-serif;
    border: 1px solid #666666;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
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