css - farve på underline - a:hover - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css

Bruger #16353 @ 31.12.11 03:46

Hej

jeg kan ikke helt husk hvordan man nu gøre sådan at der kommer farve på underline i css
jeg har skrevet sådan her i min css kode;

CSS kode

 #menu ul li a:hover {
     text-decoration:underline;
     color:#FFF;
 }

Håber du kan hjælp mig

7 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 11 karma

Sorter efter stemmer Sorter efter dato

Bruger #16860 @ 31.12.11 09:57

Tekstfarven skal altså være forskellig fra understregningen.

Hvis det er opbygget som det HTML du lige skrev, kan du vel sige på li:hover eller a:hover kommer der en bottom border som du specificere til en anden farve

Bruger #13010 @ 31.12.11 05:04

440

Det ser rigtig nok ud.

Hvis din kode er opbygget sådan her :

HTML kode

 <div id="menu">
 <ul>
    <li><a href="">tekst1</a></li>
    <li><a href="">tekst2</a></li>
    <li><a href="">tekst3</a></li>
 </ul>
 </div>

Bliver teksten i linket ikke hvidt og med streg under når du holder musen over ?

Indlæg senest redigeret d. 31.12.2011 05:08 af Bruger #13010

Bruger #13010 @ 31.12.11 17:32

440

Ja sådan kan man også gøre men så lav også en border når du ikke holder musen over fordi ellers så fylder den 1 px mere i højden når du holder musen over også flytter tingede sig.

CSS kode

 #menu ul li a {
    border-bottom:1px transparent solid;
 }
 
 #menu ul li a:hover {
    color:#FFF;
    border-bottom:1px #F60 solid;
 }

Indlæg senest redigeret d. 31.12.2011 17:33 af Bruger #13010

Bruger #16353 @ 31.12.11 05:35

-108

jamen det skal være sådan at når man holder musen over så kommer der en anden farve

Bruger #13010 @ 31.12.11 05:50

440

Link teksten og linjen under teksten skulle da gerne være hvid når du holder musen over.

Hvis din baggrund er hvid så er det sikkert derfor du ikke kan se det.

Hvad farve skal det være ?

Indlæg senest redigeret d. 31.12.2011 05:51 af Bruger #13010

Bruger #16353 @ 31.12.11 14:51

-108

jeg komme frem til den her kode;

CSS kode

 #menu ul li a:hover {
     text-decoration:none;
     color:#FFF;
     border-bottom:1px #F60 solid;
 }

Takker virkelig mange gerne for hjælpen !

-4

Bruger #16353 @ 31.12.11 06:01

-108

CSS kode

 #menu {
     background:url(../img/menu-bg/bg-menu.png) repeat-x #000;
     padding:3px;    
 }
 #menu ul li {
     display:inline;
     margin-left:15px;
 }
 #menu ul li a {
     text-decoration:none;
     color:#FFF;
 }
 #menu ul li a:hover {
     text-decoration:underline;
     color:#FFF;
 }

HTML kode

 <div id="menu">
     <ul>
         <li><a href="./">Forside</a>
     </ul>
     </div>

altså nu når man holder musen over så er den hvid på en photoshop background men jeg kun godt tænke mig at den var blå eller grøn eller ligne

altså underline

Indlæg senest redigeret d. 31.12.2011 06:07 af Bruger #16353

farve på underline - a:hover

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler