Søg
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 13:53 Der er 42 kommentarer og
1 løsning

optimering af kode

Jeg har følgende kode som der skal rettes på:

1: der skal være underline på alle links, undtagen mine menulinks.

2: når jeg trykker på en af teksterne i min menu, skal den beholde hover farven, indtilman går ind i en anden tekst i menuen.

link til siden: www.team-nopanic.dk/welcome.php
link til kode: www.team-nopanic.dk/test.html

God arbejdslyst
Avatar billede -thomas- Nybegynder
02. oktober 2003 - 13:56 #1
Underline:

<style type="text/css">
a:menu:link:visited{text-decoration:none;color:#3f5}
a:menu:hover:active{color:#f00}
</style>
<style type="text/css">
<!--
a:link {color:#324458; text-decoration: unerline; font-weight : none}
a:active {color:#FF6600; text-decoration: unerline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF6600; text-decoration: unerline; font-weight : none}
-->
</style>


Du kan ikke beholde hover-farven og skifte ved sideskift vha. stylesheetet  - det skal gøres i php.
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 13:58 #2
Jeg kan godt lave underline - men det skal ikke være dig i min menu. Og hover farven kan godt beholdes. har selv prøvet det før
Avatar billede -thomas- Nybegynder
02. oktober 2003 - 14:00 #3
Indsæt:
a:menu {text-decoration: none;}
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 14:05 #4
kan du ligge den i koden som jeg har lagt ud, og derefter ligge den her. For jeg kan ikke få den til at virke
Avatar billede -thomas- Nybegynder
02. oktober 2003 - 14:13 #5
Udskift din <style> med:

<style type="text/css">
a:menu {text-decoration: none;}
a:menu:link:visited{text-decoration:none;color:#3f5}
a:menu:hover:active{color:#f00}
</style>
<style type="text/css">
<!--
a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF6600; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF6600; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 14:17 #6
hjælper desværre ikke
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 14:18 #7
eg har opdateret min kode, så den ser anderledes ud hvis du går ind på www.team-nopanic.dk/test.html
Avatar billede -thomas- Nybegynder
02. oktober 2003 - 14:21 #8
Er menuen stadig understreget?
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 14:22 #9
ja - desværre
Avatar billede -thomas- Nybegynder
02. oktober 2003 - 14:23 #10
Aah, prøv:

<style type="text/css">
a.menu {text-decoration: none;}
a.menu:link:visited{text-decoration:none;color:#3f5}
a.menu:hover:active{color:#f00}
</style>
<style type="text/css">
<!--
a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF6600; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF6600; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 14:27 #11
Den virker næsten. Den vil bare ikke lave hover effekt. se her www.team-nopanic.dk/welcome.php
Avatar billede -thomas- Nybegynder
02. oktober 2003 - 14:31 #12
<style type="text/css">
<!--
a.menu {text-decoration: none;}
a.menu:visited {color:#3f5}
a.menu:hover {color:#f00}

a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF6600; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF6600; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 14:34 #13
så kommer der understregning ige. det ligner da også at der mangler noget i den kode du lige har skrevet
Avatar billede -thomas- Nybegynder
02. oktober 2003 - 14:35 #14
Prøver lige igen:
<style>
<!--
a.menu {text-decoration: none;}
a.menu:link:visited{text-decoration:none; color:#324458}
a.menu:link:hover {color:#FF3300;}

a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF3300; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF3300; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 14:36 #15
Nu beholder den ikke farven
Avatar billede -thomas- Nybegynder
02. oktober 2003 - 14:40 #16
<style type="text/css">
<!--
a.menu {text-decoration: none;}
a.menu:link:visited{text-decoration:none; color:#324458}
a.menu:link:hover {color:#FF3300;}
a.menu:link:hover:active {color:#FF3300;}

a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF3300; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF3300; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 17:31 #17
jubii, nu viker den. tak skal du have. Skriv lige et svar så du kan få dine point. Kan ikke lig se hvorfor du sagde at man skulle lave det i php, altså det med at beholde farven ?
Avatar billede -thomas- Nybegynder
02. oktober 2003 - 18:43 #18
Sorry, tror jeg misforstod, hvad du ville til at starte med. :)
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 19:30 #19
hehe - men endnu engang tak !
Avatar billede -thomas- Nybegynder
02. oktober 2003 - 19:43 #20
tak for point :)
Avatar billede johnstigers Seniormester
02. oktober 2003 - 20:16 #21
Disse mails er pisseirriterende at få - var jeg interesseret i html eller hvad fanden det her er, så ville jeg nok bruge sådan en kategori!
Brug dog den rigtige kategori - SÅ svært er det altså heller ikke at finde ud af!!!
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 20:48 #22
ro på - du kan slå fra at du ikke vil modtage mails fra hvert spm. Og desuden kunne jeg ikke finde et mere passende sted at ligge det hen
Avatar billede johnstigers Seniormester
02. oktober 2003 - 20:50 #23
davidolsen> jeg vil da ikke afmelde fri debat kategorien bare fordi at du ikke kan finde ud af at bruge eksperten!

P.s. hvad er dette for noget kode, så skal jeg fortælle dig kategorien du bruger næste gang.
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 20:52 #24
det er ikke noget specielt kode. bare en optimering af min nuværende. men en blanding af php, html, og css.

Kan godt forstå dig, men vil du ikke være sød at sige det på en anden måde næste gang ?
Avatar billede johnstigers Seniormester
02. oktober 2003 - 20:58 #25
davidolsen> jeg brugte også nogle ret kraftige udtryk der. jeg undskylder mange gange - normalt er jeg ikke sådan :)

P.s. du kna bruge denne kategori når det er en blanding: http://www.eksperten.dk/kat/101
Avatar billede johnstigers Seniormester
02. oktober 2003 - 20:59 #26
kna = kan
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 21:01 #27
fair nok - bare vi er enige :)
Avatar billede johnstigers Seniormester
02. oktober 2003 - 21:09 #28
;)
Avatar billede roenving Novice
02. oktober 2003 - 21:53 #29
Der er dog en masse vrøvl i denne:

<style type="text/css">
<!--
a.menu {text-decoration: none;}
a.menu:link:visited{text-decoration:none; color:#324458}
a.menu:link:hover {color:#FF3300;}
a.menu:link:hover:active {color:#FF3300;}

a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF3300; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF3300; text-decoration: underline; font-weight : none}
-->
</style>

Hvis man placerer flere pseudo-classes på samme linje betyder det det samme, som hvis man havde placeret dem een for een under hinanden -- dette er præcis den samme kode, bare uden forkortelser:

<style type="text/css">
<!--
a.menu {text-decoration: none;}
a.menu:link{text-decoration:none; color:#324458}
a.menu:visited{text-decoration:none; color:#324458}
a.menu:link {color:#FF3300;}
a.menu:hover {color:#FF3300;}
a.menu:link {color:#FF3300;}
a.menu:hover {color:#FF3300;}
a.menu:active {color:#FF3300;}

a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF3300; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF3300; text-decoration: underline; font-weight : none}
-->
</style>

Desuden _skal_ CSS virke sådan, at den bruger den senest forekommende match, hvis der er flere match, så det er aktivt vrøvl at skrive den der link med i hver linje ...

-- det er også meget simplere at skrive (jeg har også rettet rækkefølgen, som jævnfør ovenstående ikke må være forkert !-)

<style type="text/css">
<!--
a.menu {text-decoration: none;}
a.menu:link:visited{text-decoration:none; color:#324458}
a.menu:hover:active {color:#FF3300;}

a:link:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover:active {color:#FF3300; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede roenving Novice
02. oktober 2003 - 22:01 #30
-- og den allersimpleste:

<style type="text/css">
a:link:visited{color:#324458; text-decoration: underline; font-weight : none}
a:hover:active {color:#FF3300;}

.menu{text-decoration:none}
</style>

-- her forudsat, at du har en class="menu" i hvert eneste <a>-tag i menuen !-)

Hvis du i stedet satte class="menu" i den div eller td, som du havde menuen i, kunne (og skulle !-) du undgå at have en class på hvert eneste a-tag, hvis du:

<style type="text/css">
a:link:visited{color:#324458; text-decoration: underline; font-weight : none}
a:hover:active {color:#FF3300;}

.menu a{text-decoration:none}
</style>
Avatar billede davidolsen Nybegynder
02. oktober 2003 - 22:02 #31
men det virkede det som thomas siger. Men tak alligevellet, du har lært mif noget nyt :D
Avatar billede roenving Novice
02. oktober 2003 - 22:10 #32
-- men dine almindelige link i menuen vil have color:#FF3300;

-- og det ser ud til at du vil have dem til at være: color:#324458;

-- men er du yderligere interesseret, så er den ultimative reference:

http://www.w3.org/TR/REC-CSS2/selector.html
Avatar billede davidolsen Nybegynder
03. oktober 2003 - 08:40 #33
Jeg har stadig følgende problem som jeg ikke ved hvad jeg skal gøre med: HVsi brugeren ikke har trykket på en af teksterne, så er der understregning på teksterne i min menu. Kan i fikse det. ?????

<style type="text/css">
<!--
a.menu {text-decoration: none;}
a.menu:link:visited{text-decoration:none; color:#324458}
a.menu:link:hover {color:#FF3300;}
a.menu:link:hover:active {color:#FF3300;}

a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF3300; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF3300; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede -thomas- Nybegynder
03. oktober 2003 - 08:43 #34
Vil tro det er sådan noget lign. - har ikke lige tid til at afprøve:

<style type="text/css">
<!--
a.menu {text-decoration: none;}
a.menu: {text-decoration: none;}
a.menu:link:visited{text-decoration:none; color:#324458}
a.menu:link:hover {color:#FF3300;}
a.menu:link:hover:active {color:#FF3300;}

a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF3300; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF3300; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede davidolsen Nybegynder
03. oktober 2003 - 08:46 #35
nej desværre ik !
Avatar billede davidolsen Nybegynder
03. oktober 2003 - 09:04 #36
Men jeg ville blive glad hvis du har lyst og tid til at se på det idag. Ved godt at spm er lukket, men jeg kan ikke åbne et nyt, da jeg kun har 1 point :(
Avatar billede -thomas- Nybegynder
03. oktober 2003 - 09:07 #37
Skal nok kigge på det (og afprøve det først :), har bare ikke tid lige nu :-)
Avatar billede -thomas- Nybegynder
03. oktober 2003 - 09:08 #38
Skrev også forkert før, jeg mente:
Men stadig ikke sikker på det virker - tester lige.
<style type="text/css">
<!--
a.menu {text-decoration: none;}
a.menu:link {text-decoration: none;}
a.menu:link:visited{text-decoration:none; color:#324458}
a.menu:link:hover {color:#FF3300;}
a.menu:link:hover:active {color:#FF3300;}

a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF3300; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF3300; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede -thomas- Nybegynder
03. oktober 2003 - 09:09 #39
Der er da ingen understregning i menuen på http://www.team-nopanic.dk/welcome.php ???
Avatar billede davidolsen Nybegynder
03. oktober 2003 - 09:11 #40
hvis du går op og trykker på ryd oversigt, så kommer undermenuen på  http://www.team-nopanic.dk/welcome.php

Men ikke på www.teamracingzone.frac.dk

Prøv selv, og fortæl mig om det virker hos dig ???
Avatar billede -thomas- Nybegynder
03. oktober 2003 - 09:17 #41
Ja, men hvis du sætter dette ind, virker det da fint?

<style type="text/css">
<!--
a.menu {text-decoration: none;}
a.menu:link {text-decoration: none;}
a.menu:link:visited{text-decoration:none; color:#324458}
a.menu:link:hover {color:#FF3300;}
a.menu:link:hover:active {color:#FF3300;}

a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF3300; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF3300; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede davidolsen Nybegynder
03. oktober 2003 - 09:19 #42
Ja, med denne her virker det fint !!!! endnu engang tak

<style type="text/css">
<!--
a.menu {text-decoration: none;}
a.menu:link {text-decoration: none;}
a.menu:link:visited{text-decoration:none; color:#324458}
a.menu:link:hover {color:#FF3300;}
a.menu:link:hover:active {color:#FF3300;}

a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#FF3300; text-decoration: underline; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF3300; text-decoration: underline; font-weight : none}
-->
</style>
Avatar billede -thomas- Nybegynder
03. oktober 2003 - 09:33 #43
Eller dette skulle være det samme:

<style type="text/css">
<!--
a.menu:link {text-decoration: none;}
a.menu:link:visited{text-decoration:none; color:#324458}
a.menu:link:hover {color:#FF3300;}
a.menu:link:hover:active {color:#FF3300;}

a {font-weight: none; text-decoration: underline;}
a:link {color:#324458;}
a:active {color:#FF3300;}
a:visited {color:#324458;}
a:hover {color:#FF3300;}
-->
</style>
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
SQL kurser
Computerworld tilbyder specialiserede kurser i database-management
Se alle SQL kurser

Flere spørgsmål fra Fri debat kategorien

Titel Indlæg Oprettet Seneste aktivitet
Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat 7 02/10/202621:29 04/10/202606:52
DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat 5 21/09/202610:39 03/10/202600:02
Powerbank Af postpeter@outlook.dk i Fri debat 1 24/08/202610:45 24/08/202610:46
Samsung smart TV Af postpeter@outlook.dk i Fri debat 7 20/08/202615:01 22/08/202618:39
morf bilede Af knuldefar1942 i Fri debat 4 08/08/202612:15 09/08/202606:07
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 går 08:35 D3D12 lukker nogle spil ned Af thedukedk i Andet software
08/1115:48 søger pris på en bærbar Af dcedata1977 i PC
06/1119:03 iMac 2026 M6 10-core GPU (standart ell opdatering) Af LLG i Mac
06/1109:43 Vista Af susej14 i Andet software
05/1111:47 Printernavn i Enhedshåndtering er et andet end i Printere og Scannere Af Uvanga i Printere
White papers
Flere white papers »