Avatar billede unknown1 Nybegynder
21. december 2003 - 18:34 Der er 3 kommentarer og
1 løsning

On mouse over / PHP / HTML

Heysa

Jeg sidder lige og skal til at igang med noget PHP. Hvordan laver jeg sådan en onmouse over effekt.

Kig evt. her:
http://82.192.160.73 (Apache)

F.eks vil jeg gerne have "Frontpage" til at lave en onmouse over effekt. Så at den bliver "underlinet"
Avatar billede Slettet bruger
21. december 2003 - 18:42 #1
Du bruger blot helt normalt html.
<a href="link.php">frontpage</a>
så kan du med css sørge for at det kun er når musen er over linket, at det er understreget.

eksempelvis:
A:Link, A:Visited {
    Color: #0000FF;
    Text-decoration: none;
}

A:Hover {
    Color: #0000FF;
    Text-decoration: underline;
}
Avatar billede unknown1 Nybegynder
21. december 2003 - 20:04 #2
Jeg har sat den op efter de eksempler som er givet her: http://www.eksperten.dk/spm/303851

Så min samlede HTML-kode ser således ud:
----------------------------------------
<HTML>
<title>- ..:: homepage v 1.0 ::.. </title>
<head>
<link rel="stylesheet" type="text/css" href="/style/style-dfb.css">
<style>
a.nodec {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9px;
    color: gray;
    background-color: #ffffff;
    font-weight: normal;
    text-decoration:none;
}
a.nodec:visited {
    color: gray;
    background-color: #ffffff;
    font-weight: normal;
    text-decoration:none;
}
a.nodec:hover {
    color: red;
    background-color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
</style>
</head>

<body bgcolor="FFFFFF">
<img src="http://www.dannyfb.dk/pic/banner.jpg">

<table border="0,5" cellpadding="0" cellspacing="0">
    <tr>
        <td width="800">
        <a class="nodec" href="Frontpage.php">Frontpage</a>
        </td>
    </tr>
</table>
</body>
</HTML>
-----------------------------------------

Det virker også nu og det var sikkert nogenlunde det samme du havde skrevet. Jeg trode jeg kunne sætte dette ind i en CSS fil og så "loade" det derfra? - skal det indsættes i headeren ?

eksempelvis:
A:Link, A:Visited {
    Color: #0000FF;
    Text-decoration: none;
}

A:Hover {
    Color: #0000FF;
    Text-decoration: underline;
}
Avatar billede benzon Praktikant
22. december 2003 - 02:20 #3
det her høre til under html høre ikke til under php sry to say.
Avatar billede roenving Novice
22. december 2003 - 02:24 #4
Du kan sagtens sætte det i en css-fil og linke til den sådan:

<link rel="stylesheet" type="text/css" href="style/style.css">
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

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Cyberdivisionen søger IT-supporter til lokal IT Korsør

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Cyberdivisionen søger sektionschef til Systemafdelingen i Hvidovre

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Applikationsarkitekt til stor applikationstransformation i Forsvaret

Forsknings-, Uddannelses- og Digitaliseringsministeriet

Vil du være med at udvikle sikkerhed og compliance i CPR?