Avatar billede AnneMarieke Nybegynder
10. juni 2010 - 12:48 Der er 1 kommentar

Et pinligt CSS spørgsmål

Hej folkens! Er der nogen der kan forklare mig, hvordan jeg får en underline på et link (i en menu), som tilhører den viste side?

Jeg finder det ret pinligt at spørge om, men jeg kan bare ikke huske hvordan man gør!





Indtil videre har jeg:
PHP-KODNINGEN:


<ul id="naviga">

<table width="500">
    <tr valign="middle">
        <td align="center">
        <font color="#99cc00"><b>Anne Marieke Wolkers:</b></font> <br>

    <?php
        //Menu er lig 1   
        //forbindelse til database
        include('inc_file/connection/connect.php');           
        //Læs tabel(menu) ud af database:
        $minQuery ="SELECT * FROM global_menu    WHERE subto=0";
        //Behandling af resultat
        $result=mysql_query($minQuery, $forbindelse);
        while($row = mysql_fetch_array($result))
        {
            if ($row['id']==1)
            {
                echo "<li id=\"active\"><a href=\"index.php?id=" .$row['id']."\" id=\"current\">".$row['title']."</a></li>";
            }
            else
            {
                echo "&nbsp;|&nbsp;<li><a href=\"index.php?id=" .$row['id']."\">".$row['title']."</a></li>";
            }
        }   
       
        //Lukker forbindelse
        mysql_close($forbindelse);
        ?>
        </td>
    </tr>
</table>
</ul>



CSS'en:
/*Menu Design*/
#naviga {
    margin: 0;
    padding: 0 0 0 0;
}

#naviga li {
    display: inline;
    list-style-type:none;
    text-decoration:none;
    color:#FFFFFF;
}

#top a:link{
    color: #FFF;
    text-decoration:none;
}
#top a:visited{
    color: #FFF;
    text-decoration:none;
}
#top a:active{
    color:#FFF;
    text-decoration:underline;
}
#top a:hover{
    color:#FFF;
    background:#99cc00;
}
Avatar billede keysersoze Guru
10. juni 2010 - 12:54 #1
Det kan du ikke løse med CSS - active, som jeg kan se du har forsøgt med, fungerer kun i et frames-miljø.

Du er nødt til at sætte en specifik klasse på det link, der skal have en underline, fx;

<a href="#" class="link">...</a>

a.link
{
  text-decoration: underline;
}
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