Avatar billede c-sharp Nybegynder
22. marts 2004 - 12:51 Der er 7 kommentarer og
1 løsning

Hvordan laver man en side med fane blade?

Jeg er ved at lave en side med faneblade i toppen, men hvordan implementere jeg dette på den rigtige måde.

Jeg har iøjeblikket en plade som jeg havde planlagt skulle ligge som baggrundsbillde, i den har jeg indtil videre også lagt mine faneblade.

Men hvordan implemnetere jeg dette, jeg skal jo have tilføjet nogle hyperlinks på disse faneblade.
Avatar billede Slettet bruger
22. marts 2004 - 12:56 #1
Avatar billede c-sharp Nybegynder
22. marts 2004 - 13:11 #2
Jeg skal i bruge nogle effekter når man køre musen over fanebladene, vi det så ikke væres smartest at lade dem ligge i baggrundsbilledet?
Avatar billede thomas_yde Nybegynder
22. marts 2004 - 13:24 #3
Du kan lave meget det samme med Javascripts og lidt CSS.
Avatar billede c-sharp Nybegynder
22. marts 2004 - 13:27 #4
Ja men kan jeg have fanebladene liggende på baggrundsbilledet, og lave hotspots på dem der?
Avatar billede Slettet bruger
22. marts 2004 - 13:35 #5
Jeg havde ikke lige opfattet, at det var på et baggrundsbillede, men det har jeg også en tutorial til: http://www.alistapart.com/articles/imagemap/
Avatar billede c-sharp Nybegynder
22. marts 2004 - 13:53 #6
Super, svarede på mange af mine spørgsmål

Jeg takker for hjælpen!
Avatar billede c-sharp Nybegynder
22. marts 2004 - 13:53 #7
Der skulle have stået at det svarede på mange af mine spørgsmål :-)
Avatar billede nute Nybegynder
22. marts 2004 - 14:05 #8
du kan jo også rimelig nemt lave det hvis du har adgang til noget ASP, via noget CSS ... et hurtig eksempel:

<%@language="vbscript"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Untitled</title>
    <style type="text/css">
        .menuTable
        {
            border-collapse:collapse;
        }
        .underMenu
        {
            border-top:1px solid black;
            border-bottom:1px solid black;
            background-color:#DDEEFF;
        }
        .menuItem,.activeMenuItem
        {
            border-top:1px solid black;
            border-right:1px solid black;
            border-left:1px solid black;
        }
        .menuItem
        {
            background-color:#DDEEFF;
        }
        .activeMenuItem
        {
            background-color:#FFFFFF;
        }
        .menuItemSpacer
        {
            width:2px;
        }
    </style>
</head>

<body>
<table class="menuTable">
    <tr>
        <td class="<% if( Request( "page" ) = "" or Request("page") = "1" ) then Response.Write( "activeMenuItem" ) else Response.Write( "menuItem" ) end if %>"><a href="?page=1">Fane nummer 1</a></td>
        <td class="menuItemSpacer">&nbsp;</td>
        <td class="<% if( Request( "page" ) = "2" ) then Response.Write( "activeMenuItem" ) else Response.Write( "menuItem" ) end if %>"><a href="?page=2">Fane nummer 2</a></td>
        <td class="menuItemSpacer">&nbsp;</td>
        <td class="<% if( Request( "page" ) = "3" ) then Response.Write( "activeMenuItem" ) else Response.Write( "menuItem" ) end if %>"><a href="?page=3">Fane nummer 3</a></td>
        <td class="menuItemSpacer">&nbsp;</td>
        <td class="<% if( Request( "page" ) = "4" ) then Response.Write( "activeMenuItem" ) else Response.Write( "menuItem" ) end if %>"><a href="?page=4">Fane nummer 4</a></td>
    </tr>
    <tr>
        <td colspan="7" class="underMenu">&nbsp;</td>
    </tr>
</table>
</body>
</html>

/nute
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

IT-JOB