CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede swasper Nybegynder
14. april 2001 - 19:01 Der er 26 kommentarer og
1 løsning

farve på links

Hvordan indstiller man sin CSS til at vise understregningen på sine links med en anden farve end resten af teksten ?

Den samme effekt som der er på www.bigbrother.dk
Avatar billede gizmo-gizmo Nybegynder
14. april 2001 - 19:17 #1
ehh....hvor faen ser du den effekt på bigbrother?
Avatar billede -=snoopy=- Nybegynder
14. april 2001 - 19:20 #2
Du laver da bare et simpelt script !!!!!


<style fprolloverstyle>A:hover {color: #FF00FF}
</style>


Avatar billede rfogh Nybegynder
14. april 2001 - 19:53 #3
gizmo>> Avanceret søgning neden under menuen
Avatar billede swasper Nybegynder
14. april 2001 - 20:01 #4
Jeg har selv løst problemet, i kan se resultatet her.

www.zektor3.dk/link
Avatar billede olebole Juniormester
14. april 2001 - 20:15 #5
<ole>
Det er et \'cowboy-hack\', der kun fungerer i NS6...og måske IE5.5...(?)! Jeg sidder med IE5.0 og ser ikke andet en en sort underline ved onmouseover.
/mvh
</bole>
Avatar billede gizmo-gizmo Nybegynder
14. april 2001 - 20:19 #6
ja, det gør jeg heller ikke.
en sort understreg.
Avatar billede swasper Nybegynder
14. april 2001 - 20:21 #7
er det måske ikke godt nok, det er sgu da vel egentlig også lige godt hvad for en farve man kan se...
Avatar billede olebole Juniormester
14. april 2001 - 20:59 #8
Hvorfor i al verden spørger du så? :D
/mvh
Avatar billede swasper Nybegynder
14. april 2001 - 21:25 #9
Fordi jeg gerne ville lave effekten!
Avatar billede olebole Juniormester
14. april 2001 - 22:09 #10
...ehhhhhhhhh, NÅ...!!! Hvis jeg nu går ud fra, du mener, hvad du skriver i spørgsmålet og din seneste kommentar - og ser bort fra din kommentar 14/04 2001 20:21:57 - så er her en løsning:

<style type=\"text/css\">
.out {
background : url(linkBg.gif) repeat-x bottom;
color:#000000;
text-decoration:none;
}
.over {
background : url(linkBg_over.gif) repeat-x bottom;
color:#000000;
text-decoration:none;
}
</style>

...dit link kommer så til at se sådan ud:

<a class=\"out\" onmouseover=\"this.className=\'over\';\" onmouseout=\"this.className=\'out\';\" href=\"http://www.jubii.dk\">test</a>

Du skal samtidig lave to gif\'er på 1*1 pixel. Den ene - som skal hedde \'linkBg.gif\' - er sort.
Den anden - som skal hedde \'linkBg_over.gif\' - er rød.
Nu vil din understregning af link\'et blive rød ved onmouseover og sort igen ved onmouseout.
/mvh
Avatar billede olebole Juniormester
14. april 2001 - 22:10 #11
...virker i IE4+ og NS6+ ;)
Avatar billede olebole Juniormester
14. april 2001 - 22:33 #12
Til gengæld laver den totalt fuck-up i NS4.X :(
Prøv derfor denne i stedet. Den fungerer ligeledes i IE4+ og NS6+, men generer ikke NS4.X:

<html>
<head>
<script language=\"JavaScript\">
function initLinks() {
    if (document.getElementById) {
        for (i=0; i<document.getElementsByTagName(\"a\").length; i++) {
            document.getElementsByTagName(\"a\")[i].className = \"out\";
            document.getElementsByTagName(\"a\")[i].onmouseover = doOver;
            document.getElementsByTagName(\"a\")[i].onmouseout = doOut;
        }
    }
    else if (document.all) {
        for (i=0; i<document.links.length; i++) {
            document.links[i].className = \"out\";
            document.links[i].onmouseover = doOver;
            document.links[i].onmouseout = doOut;
        }
    }
}
function doOver() {
    this.className = \"over\";
}
function doOut() {
    this.className = \"out\";
}
</script>

<style type=\"text/css\">
.out {
    background : url(linkBg.gif) repeat-x bottom;
    color:#000000;
    text-decoration:none;
}
.over {
    background : url(linkBg_over.gif) repeat-x bottom;
    color:#000000;
    text-decoration:none;
}
</style>
</head>

<body onload=\"initLinks();\">

<a href=\"www.jubii.dk</a><br>" target="_blank">http://www.jubii.dk\">www.jubii.dk</a><br>
<a href=\"www.yahoo.dk</a>" target="_blank">http://www.yahoo.dk\">www.yahoo.dk</a>

</body>
</html>

/mvh
Avatar billede engrob Nybegynder
15. april 2001 - 13:49 #13
Der er også en lettere metode, hvis man kan leve med det kun virker i ie 5.5 og måske ns6.0
<html>
<head>
<style type=\"text/css\">
.sjovmedlinks
{
    color: #000000;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
}

a:visited
{
    color: #000000;
    font-size: 10px;
    font-family: Arial;
    text-decoration: underline;
}

a
{
    color: #000000;
    font-size: 10px;
    font-family: Arial;
    text-decoration: underline;
}

a:hover
{    color: #84CD53;
    font-size: 10px;
    font-family: Arial;
    text-decoration: underline;
}

a:active
{
    color: #000000;
    font-size:10px;
    font-family: Arial;
    text-decoration: underline;
}
</style>
</head>
<body>
<a href=\"blabla.html\"><span class=\"sjovmedlinks\">Her er linket</span></a>
</body>
</html>
Avatar billede engrob Nybegynder
15. april 2001 - 13:50 #14
Hov det er vel det swasper har gjort. Damn :)
Avatar billede gizmo-gizmo Nybegynder
15. april 2001 - 14:11 #15
hvorfor ikke bare gøre det på den lette måde:
<style>
:hover    {Color : #000000; Text-Decoration : None underline;}
</style>
Avatar billede olebole Juniormester
15. april 2001 - 14:46 #16
gizmo-gizmo >> Primært fordi vi prøver ikke at skrive rent vrøvl, men derimod bestræber os på at anvise den korrekte syntaks - sekundært fordi vi har læst spørgsmålet :D
/mvh
Avatar billede engrob Nybegynder
15. april 2001 - 14:51 #17
Hehe, der fik du den gizmo.
Avatar billede gizmo-gizmo Nybegynder
15. april 2001 - 15:05 #18
hehe :)
jeg ved ikke hvad du mener ole *S*
Avatar billede parazite Nybegynder
15. april 2001 - 15:08 #19
Ole : He, dit virker altså ikke i min IE5.0 :o)
Avatar billede olebole Juniormester
15. april 2001 - 15:28 #20
gizmo_gizmo >> Selvom type-attributten ikke er påkrævet, rekommenderes den. Det hedder ydermere \'a:hover\', ikke \':hover\'. Det hedder \'color\', ikke \'Color\'. Det hedder \'text-decoration\', ikke \'Text-Decoration\' og så hedder det \'none\', ikke \'None\'. Derudover skal der anføres én af \'none\' og \'underline\', ikke begge.
Det er zq da meget godt gået på tre linier, ikk\'? :)

parazite >> Hmmm...mener du det script, jeg skrev 14/04 2001 22:33:38? Det fungerer upåklageligt hos mig - og det burde det da også, da jeg ikke bruger noget IE5.0 ikke forstår...tværtimod forstår IE4.0 det også. Jeg har ikke testet på Mac, men på min Dell/Pentium3/Win2k/IE5.0 fungerer det fint.
Hvad fungerer ikke - og på hvilken platform?
/mvh
Avatar billede gizmo-gizmo Nybegynder
15. april 2001 - 15:30 #21
--> olebole.
er det ikke fulstændig ligemeget. Det virker perfekt alligevel
Avatar billede parazite Nybegynder
15. april 2001 - 15:36 #22
Ole : Der er ingen understregning når den loader, og ingen understregning senere. Kører Siemens/PIII/Win98SE/IE5.0. :o)
Avatar billede olebole Juniormester
15. april 2001 - 15:52 #23
gizmo_gizmo >> Helt personligt er jeg fløjtende ligeglad med, hvad du skriver. Jeg synes bare ikke, det er rimeligt at lære andre en så fejlbehæftet kode, når det nu kan skrives rigtigt - udover, at det stadig ikke besvarer spørgsmålet.
Lige nu er du heldig, at browserne retter dine fejl, men snart kommer IE6.0 og ingen ved, om den overholder standarden. Hvis den gør det, har du problemer med din kode - og det vil swasper altså også have. Hvorfor ikke bare skrive det rigtigt?

parazite >> Har du husket de to små gif\'er? Læs evt. slutningen af min kommentar: 14/04 2001 22:09:29.
/mvh
Avatar billede olebole Juniormester
15. april 2001 - 15:55 #24
...naturligvis er det en helt hypotetisk frygt, at noget som helst produkt fra MS skulle overholde nogen international standard - men det kunne meget vel tænkes at andre browsere vil. F.eks. de browsere, der uden tvivl vil blive udviklet i hobetal til de forskellige håndholdte, der kommer på markedet i denne tid.
/mvh
Avatar billede parazite Nybegynder
15. april 2001 - 15:56 #25
Ole : *G* Kan zq da egentlig meget godt være fejlen! *G*
Avatar billede gizmo-gizmo Nybegynder
15. april 2001 - 15:58 #26
--> olebolle
Det er faktiskt ikke min kode :)
jeg tog den bare et sted, ik?
Avatar billede olebole Juniormester
15. april 2001 - 17:28 #27
;) - begge to.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 3 29/09/202410:58 20/03/202513:38
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 16:53 Mac book pro fra 2019-2023 Af BRJ i Mac
I dag 16:25 Vedr. Mozilla Thunderbird email program Af Arne-Beck Christensen i E-mail programmer
I dag 16:18 "Jesus Chirst Superstar" - Original version på dansk. Af Ikke-ekspert i Fri debat
I dag 12:55 Fjern løsesymbol fra tænd/sluk Af arnel i Skærme
I dag 12:06 Gmail hvor mails ikke synkronisere Af made18 i E-mail programmer
White papers
Flere white papers »


Premium
Teaser billede
Kritisk CVE-databasen om sikkerhed reddet i allersidste øjeblik - ny bevilling godkendt
Læs mere »
Netcompany-stifterne André Rogaczewski og Claus Bo Jørgensen skovler penge ind: Har tjent næsten 600 millioner kroner på et år
Sådan modererer Mads og 20 andre danskere alt indhold på Metas danske platforme fra et center i Barcelona
Jeg købte tømmermands-pizza for alle mine bitcoins og gik glip af en formue: Nu overvejer jeg at gå all-in igen
Se alle »
Computerworld
Teaser billede
Test af monster-tablet: Det er den skøreste og mærkeligste computer, som jeg har testet i lang tid – men jeg vil nu gerne have den alligevel
Læs mere »
Prøvekørt: Der er mange gode grunde til at kalde BMW i5 for den bedste el-stationcar til dato
USA annullerer it-kontrakter for 35 milliarder kroner med omgående virkning: Accenture og Deloitte rammes hårdt
Tech-milliardærer har øje på Grønland: Vil skabe en "frihedsby"
Se alle »
CIO
Teaser billede
Kræver nye systemer: Folk siger op, hvis virksomheden ikke skifter til S/4 Hana
Læs mere »
Google udnytter Microsoft-brugernes modvilje mod at skifte fra Windows 10 til 11: Klar med ny løsning
Danske virksomheder søger væk fra amerikanske tech-giganter: Mange vil skifte til tysk Microsoft-alternativ
Microsoft ændrer i regler og betingelser for partnere: Gavner særlig type partnere
Se alle »
Job & Karriere
Teaser billede
Den danske it-branche er på vagt: Hvad nu hvis Trump lukker for Microsoft 365 og AWS fra på mandag?
Læs mere »
Carsten advarede som it-sikkerhedschef om problemer og blev fyret: "Det endte med voksen-mobning af værste skuffe"
Microsoft fyrer de dårligst performende ansatte: Disse jobtitler bliver ramt
Danske it-folk lokkes med store tiltrædelses-bonusser: Nu kan du score mere end 100.000 kroner ved at skrive under på ny jobkontrakt
Se alle »
White paper
Teaser billede
Sådan: Virtualisering uden vendor lock-in og høje omkostninger
Læs mere »
Revolutionér kundeoplevelsen med AI og automatisering
Tidsbegrænset kampagne: Overvejer du at udskifte eller tilføje printere i din forretning? Vi kan tilbyde én eller flere maskiner gratis
AI og kunderejsen: Sådan vinder du fremtidens forbrugere
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »