Avatar billede charley78 Novice
27. januar 2009 - 18:44 Der er 24 kommentarer og
2 løsninger

hvordan markerer linket til den side jeg står på i css'en?

I forvejen ligger der en del styles på linksene i venstre margin. Kan nogen sige mig hvordan jeg kan 'bryde igennem', så min class="aktiv" vil blive "hørt"?
Jeg har forsøgt at lægge: <style type="text/css">
<!--
.aktiv {color:#000000; }
-->
</style>
op i de respektive filer, men det dominerer desværre ikke de andre beskedder/styles.
Avatar billede jokkejensen Novice
27. januar 2009 - 18:58 #1
Prøv:

<style type="text/css">
.aktiv {color:#000000 !important; }
</style>

Men har du et link, det er ikke sikkert det direkte skyldes nedarvning ?

/´J
Avatar billede jokkejensen Novice
27. januar 2009 - 19:08 #2
.... Lad nu være med at udkommentere det for browseren :)

Det er kun javascript man udkommentere hvis der er html entities, ex < >

/J
Avatar billede jokkejensen Novice
27. januar 2009 - 19:09 #3
ellers skal kommentaren se sådan her ud:

/* <!-- */
.CSS{}

/* --> */

Lige som den i JS skal/kan se sådan her ud:

// <!--

function{}
// -->
Avatar billede charley78 Novice
27. januar 2009 - 19:19 #4
.aktiv {color:#000000 !important; }
- virkede desværre ikke :o(

Der er lidt af dit svar jeg ikke forstår:
Hvad mener du med flg. spørgsmål "Men har du et link, det er ikke sikkert det direkte skyldes nedarvning ?"
Hvad mener du med at "udkommentere"?
Avatar billede jokkejensen Novice
27. januar 2009 - 19:51 #5
Du skriver


<style type="text/css">
<!--


-->
</style>

Når du skriver <!-- --> Beder du browseren om at ignorere det der er mellem tegnene, og der står dit CSS.

/J
Avatar billede jokkejensen Novice
27. januar 2009 - 19:52 #6
<style type="text/css">
.aktiv {color:#000000 !important; }
</style>

og IKKE

<style type="text/css">
<!--
.aktiv {color:#000000 !important; }
-->
</style>

Bruger du kommetarerne vil browseren modtage:

<style type="text/css">

</style>
Avatar billede olebole Juniormester
27. januar 2009 - 23:19 #7
<ole>

jokkejensen >> Du skal have opdateret din viden omkring udkommentering af CSS og JavaScript. Du har komplet og aldeles misforstået begrebet - mens charley78 gør tingene lige efter bogen:
    http://www.w3.org/TR/REC-html40/interact/scripts.html#h-18.3.2

At der ikke er de store grunde til at gemme script og CSS i dagens browsere, er en anden helt ting - men det bør ikke være grund til at forplumre tingene  =)

/mvh
</bole>
Avatar billede olebole Juniormester
27. januar 2009 - 23:23 #8
charley78 >> problemet, du oplever, skyldes uden tvivl, at dine andre style selectors på links er mere specifikke og derfor overruler det, du efterfølgende prøver at gøre. Det er ikke til at sige, hvad du skal gøre uden at kunne se markup og CSS - men det har i hvertfald ikke noget med udkommentering el.lign. at gøre
Avatar billede charley78 Novice
28. januar 2009 - 10:51 #9
jokkejensen: tak for et klart svar :o)

Olebole:
- ja, du har helt ret. Jeg har aldrig vidst hvad udkommentering er. Jeg er, hvilket vist fremgår med al tydelighed, ret autodidakt ;o)
Hvordan kan det være at der "ikke de store grunde til at gemme script og CSS i dagens browsere"? Og hvad vil det overhovedet sige?
Avatar billede charley78 Novice
28. januar 2009 - 10:57 #10
Nu har jeg i øvrigt slettet <!-- -->'erne, men siden viser stadig ikke at aktiv.. skal være sort, så man kan se på hvilket link man befinder sig.
Det er klart at jeg foruden css'et er nødt til separat at gå ind på hver side og fortælle hvilket link der skal være markeret.
Har I ellers andre idder til hvrdan jeg kan gennemføre mit mål om at fremhæve de respektive linjks i menuen med sort?
Se fx http://www.yes-yes.dk/suwalski/ - no beef!
Avatar billede olebole Juniormester
28. januar 2009 - 11:05 #11
Gamle browsere, der ikke forstod script-tagget (IE2 og NS1), ville rendere scriptblokken som tekst, hvorfor man escapede den med:

<script language="JavaScript">
<!--

// -->
</script>

- og (næsten) det samme med style:

<style type="text/css">
<!--

-->
</style>

Her er vi så oppe i IE3 og NS3. Godt nok havde NS4.X ikke CSS implementeret, men den kunne læse lidt CSS og oversætte det til JSSS (JavaScript StyleSheets), som var teknikken, dén brugte.

Jeg kikke på dine styles lidt senere. Har ikke tid lige nu  =)
Avatar billede ssv Nybegynder
28. januar 2009 - 11:45 #12
Jeg kan sagtens få det til at virke med:

<style type="text/css">
    a.aktiv { color: #000 !important; }
</style>
Avatar billede charley78 Novice
28. januar 2009 - 15:06 #13
ja undskyld. Det er bare mig. Da jeg prøvede 'important' havde jeg stadig <!-- --> stående. Undskyld 8-I

Mange tak for hjælpen! Hvem vil gerne have points?
Avatar billede olebole Juniormester
28. januar 2009 - 15:13 #14
<!-- --> betyder stadig ikke noget i den sammenhæng  =)
Det her virker fint:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
    a { color: #f00 }
    a.aktiv { color: #0f0 !important; }
-->
</style>
</head>
<body>

<div><a href="#">LINK A</a></div>

<div><a class="aktiv" href="#">LINK B</a></div>

</body>
</html>
Avatar billede olebole Juniormester
28. januar 2009 - 15:14 #15
- og et svar  =)
Avatar billede charley78 Novice
28. januar 2009 - 17:38 #16
jeg lægger lige lidt flere points!
jokkejensen?
Avatar billede jokkejensen Novice
29. januar 2009 - 09:12 #17
jo tak..
Avatar billede charley78 Novice
29. januar 2009 - 14:20 #18
selvtak :o)
Avatar billede olebole Juniormester
29. januar 2009 - 15:48 #19
- og tak for points  =)
Avatar billede charley78 Novice
29. januar 2009 - 16:52 #20
:o)
Avatar billede charley78 Novice
08. februar 2009 - 12:08 #21
desværre accepterer css validatoren ikke forslaget:

14 a.aktiv  Parse Error !important; 
14 a.aktiv  Parse error - Unrecognized }
Avatar billede olebole Juniormester
08. februar 2009 - 16:13 #22
Så bør du smide din CSS-validator ud! Koden:

    a { color: #f00 }
    a.aktiv { color: #0f0 !important; }

- er fuldt ud valid  =)
Avatar billede charley78 Novice
09. februar 2009 - 10:41 #23
ja, du har ret!
- det var nok fordi jeg havde lavet det til et php-ark og lagde en include ind med menuen i 8-*

Srry!
Avatar billede charley78 Novice
09. februar 2009 - 10:50 #24
og igen nej. Jeg tilbagekalder sidste besked. Hvis du kigger ind her på W3C's validator, figurerer koderne som fejl:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.yes-yes.dk%2Fsuwalski%2Fhtml%2F&profile=css21&usermedium=all&warning=1&lang=en

Måske det kan skyldes at html arten er forkert?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Den slags har jeg nemlig ikke forstand på, når jeg åbner et ark, tager jeg hvad dreamweaver åbner for mig (.. må jeg med skam melde).
Avatar billede olebole Juniormester
09. februar 2009 - 12:55 #25
Du har et semikolon for meget:

<style type="text/css">
    a.aktiv { color: #000; !important; }
</style>

- skal være:

<style type="text/css">
    a.aktiv { color: #000 !important; }
</style>
Avatar billede charley78 Novice
17. februar 2009 - 10:28 #26
tak Olebole!
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