Avatar billede zkizo Nybegynder
15. juli 2003 - 18:29 Der er 11 kommentarer og
1 løsning

Det samme ved linkene som pp en side!

Jeg har set www.damkjaer.frac.dk.. Jeg vil gerne have en menu med det der hover som hans? Nogen der kan det i HTML eller JavaScript eller hvad det nu skal være..

Håber i kan hjælpe.. Det må gerne være MEGET simpelt!
Avatar billede swuppe Nybegynder
15. juli 2003 - 19:18 #1
Et simpelt eksempel med styles
<HTML>
<HEAD>
<TITLE>test</TITLE>
<style>
a {
    float: left;
    display: block;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
    border: 1px #000 solid;   
}
a:hover {
    background: #ccc;
}
</style>
</HEAD>
<BODY>
<a href="#">Link1</a> <a href="#">Link2</a>
</BODY>
</HTML>

Det er selvfølgelig kun simpelt hvis du kender til brugen af styles 'o) en udbredt metode til at lave sådanne menuer er at bruge uordnede lister, da det er let at tilpasse cross-browser og strukturelt giver god mening.
Avatar billede zkizo Nybegynder
15. juli 2003 - 19:33 #2
Det er helt ok men før jeg kan give dig point..

HVORDAN CENTRERE JEG DEN?? www.fam-borg.dk/cs.. Her er en Alpha af siden!
Avatar billede swuppe Nybegynder
15. juli 2003 - 19:46 #3
Hvis du vil have dem stående lodret i midten af feltet skal du bruge en lidt anden indgangsvinkel.

For det første skal du fjerne float: left; og i stedet sætte en bredde på linket, f.eks. width: 75px; så skulle din align=center i <td> klare resten, du kan ændre på afstanden mellem linksne (lodret) med margin f.eks. margin: 10px 0; så du behøver ikke at sætte dem ind i <p></p>.

Hmm giver det mening?
Avatar billede zkizo Nybegynder
15. juli 2003 - 20:59 #4
Det giver ikke en skid mening..

Min ven lavede vores side før og der havde han noget vildt simpelt..!

www.clan-daf.tk eller sådan noget??!!
Avatar billede swuppe Nybegynder
15. juli 2003 - 21:28 #5
ok, lav følgende rettelser i din side:

a {   
    display: block;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
    border: 1px #000 solid; 
    width: 75px;
}

<TD ROWSPAN=2 BGCOLOR=#FFFFFF align="center">
<a href="#">Link1</a> 
<a href="#">Link2</a>
<a href="#">Link1</a>
<a href="#">Link2</a>
</TD>

dvs. skift a {....} ud med det her, samt den celle hvor dine links er med koden her.

Den side du referer til har ikke sådanne links så vidt jeg kan se.
Avatar billede zkizo Nybegynder
15. juli 2003 - 21:33 #6
http://www.toxis.dk/ kan du give mig sådan noget her? Det ser bedre og nemmere ud.. MEn min laver bare lort i det!!
Avatar billede zkizo Nybegynder
15. juli 2003 - 21:34 #7
Har du evt. en msn mail??
Avatar billede swuppe Nybegynder
15. juli 2003 - 21:34 #8
er det navigationen til højre du skal bruge?
Avatar billede zkizo Nybegynder
15. juli 2003 - 21:47 #9
ja
Avatar billede swuppe Nybegynder
15. juli 2003 - 21:48 #10
ok her kommer lidt kode så må du spørge hvis der er problemer.

<HTML>
<HEAD>
<TITLE>menu-test</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style>

#menu {
        width: 120px;
        height: 100px;
        margin-right: 10px;
        background-color: #ccc;       
}
a.menu {
        display: block;       
        color: #000;         
        text-decoration: none;
}

a.menu:hover {   
        background-color: #999;
}
</style>

</HEAD>

<BODY>

<div id="menu">
<a href="#" class=menu>&#187; link1</a>
<a href="#" class=menu>&#187; link2</a>
<a href="#" class=menu>&#187; link3</a>
</div>

</BODY>
</HTML>
Avatar billede zkizo Nybegynder
15. juli 2003 - 21:52 #11
har du en msn konto?
det ville være lidt nemmere.. du lægger bare et ja ind også køre svaret igennem her!
Avatar billede swuppe Nybegynder
15. juli 2003 - 21:59 #12
du kan kontakte mig via messenger (mfr@cubitech.dk)
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
Kurser inden for grundlæggende programmering

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