Søg
Avatar billede xited Praktikant
07. april 2008 - 12:30 Der er 25 kommentarer og
2 løsninger

Brug af flere CSS classes

Hejsa,

Jeg er ved at finpudse menuen på vores nye webshop:

http://preben.vm.bytemark.co.uk

I den sammenhæng vil jeg også gerne have det valgte (Ikke-javascript klik) menupunkt til at fremstå i fed.

Jeg har forsøgt, men der er noget galt.

Jeg tror det primære problem, er at der tildeles flere CSS classes:

<div id="jt1son" class="treemenudiv">
<div id="jt19" class="treemenudiv">
<a onmousedown="togglecatmenu('19');"><img align="top" id="jt19node" src="a.png"  /></a><SPAN id="jt19folder"></SPAN><a href="http://preben.vm.bytemark.co.uk/index.php?cPath=6511" class="dmselected">Batterier</a>
</div>
</div>

Nogen der kan gennemskue hvordan jeg bør gribe det an?
Avatar billede w13 Novice
07. april 2008 - 12:32 #1
Hvad har du forsøgt for at gøre den fed?
Avatar billede xited Praktikant
07. april 2008 - 12:36 #2
Givet den denne class:

class="dmselected"

Som vist i eksemplet ovenfor.
Avatar billede xited Praktikant
07. april 2008 - 12:38 #3
...du får lige de tilhørende dele fra stylesheetet:

DIV.treemenudiv    {    /* Behaviour of tree/plain menu item - leave as is for proper performance */
    display: block;
    white-space: nowrap;
    font-size: 12px;
}

.dmselected {  /* Style overide for selected category tree */
    font-weight: bold;
}
Avatar billede roenving Novice
07. april 2008 - 12:39 #4
Hvordan flere css-klasser ?-)

Der er overhovedet ikke noget galt i at bruge flere css-klasser på et element (dog skal man huske, at hvis samme property fides i flere klasser, så er det den værdi, der tilhører den klasse, der står sidst i css-dokumentet, der bruges !-)


Eks.

.fed{font-weight:900;}
.roed{color:red;}
.menudiv{color:blue;padding-left:25px;background:url(minDot.gif) left top;}

<div class="menudiv fed roed">

-- hvor div'en så vil forsøge at have alle de nævnte værdier, men få den blå tekstfarve, da den klasse står sidst i css-delen !o]
Avatar billede xited Praktikant
07. april 2008 - 12:52 #5
roenving> Hvad så med eksemplet ovenfor? der er de ikke angivet efter hinanden i samme class="".
Avatar billede w13 Novice
07. april 2008 - 13:12 #6
roenving>> Jeg tror du læser spørgsmålet, ligesom jeg først gjorde.
Problemet er nedarvede klasser, og at der ikke sættes en font-weight:bold; på linket.
Avatar billede roenving Novice
07. april 2008 - 13:12 #7
Nej, og så skulle der ingen problemer kunne opstå (jeg går ud fra, at det er serverside, du sætter dem på !-)
Avatar billede xited Praktikant
07. april 2008 - 13:36 #8
Det er serverside, ja!

Ikke desto mindre, så bliver det ikke bold.

Prøv selv: http://http://preben.vm.bytemark.co.uk/
Avatar billede w13 Novice
07. april 2008 - 13:40 #9
Jeg kan heller ikke finde "dmselected" noget sted i din kode?
Avatar billede xited Praktikant
07. april 2008 - 13:46 #10
Du skal have valgt et menupunkt, eller et produkt...

Prøv dette link: http://preben.vm.bytemark.co.uk/product_info.php?products_id=30219
Avatar billede roenving Novice
07. april 2008 - 13:50 #11
... mark.co.uk/index.php?cPath=6507" class="">Stik</a>  ...
Avatar billede xited Praktikant
07. april 2008 - 13:52 #12
...og du har klikket på "Stik" eller en underliggende?
Avatar billede roenving Novice
07. april 2008 - 13:52 #13
Hov, det var Adapterstik ...

-- har du prøvet at give dine klasser forskellige navne (så de ikke bare har frskellige elementer som grundlag ?-)
Avatar billede xited Praktikant
07. april 2008 - 13:53 #14
Det produkt-link jeg postede, var til et adapterstik:

... /index.php?cPath=5722" class="dmselected">Adapterstik</a> ...
Avatar billede roenving Novice
07. april 2008 - 14:00 #15
men den har class="headerNavigation" både i td'en og i a-tagget ..
Avatar billede xited Praktikant
07. april 2008 - 14:02 #16
...er det ikke brødkrumme-stien du henviser til?
Avatar billede xited Praktikant
07. april 2008 - 14:04 #17
Det sjove er, nu har jeg oprettet klassen "notselected" også med bold, og nu bliver de bold, men "phplmselected" gør stadig ikke.
Avatar billede roenving Novice
07. april 2008 - 14:10 #18
Men har du ikke også noget fejl:

.vm.bytemark.co.uk/index.php?cPath=5722" class="notselecteddmselected">Adapterstik</a>

-- ligner noget fejl i koden, med et manglende mellemrum ...
Avatar billede jarner Nybegynder
07. april 2008 - 14:12 #19
Ved ikke om det hjælper, blander mig kun lige hurtigt.
Men kig evt. på http://forums.oscommerce.com/index.php?showtopic=296984 og se om det hjælper
Avatar billede xited Praktikant
07. april 2008 - 14:17 #20
Årgh! - Well, jeg er en idiot! - Jeg havde ikke set at der var defineret to classes, dér.

Tak for hjælpen! - Point?
Avatar billede roenving Novice
07. april 2008 - 14:22 #21
Hvem mener du ?-)

-- og hvad løste problemet ?o]
Avatar billede xited Praktikant
07. april 2008 - 14:40 #22
w13 og roenving.

Der var åbenbart defineret 2 klasser til et menupunkt, og mellemrummet var røget sig en tur.

Jeg har nu fjernet den ene klasse, og det virker!

Hele problemet startede da jeg begyndte at slette ting, jeg ikke troede var vigtige.

Anyway - Vi har nu en menu på godt 300kB (startede med omkring 600kB) - men har I en idé til hvordan jeg slanker koden til menuen yderligere?
Avatar billede roenving Novice
07. april 2008 - 14:48 #23
Du har jo ekstremt mange data, så det er kun simple ting som at forkorte klassenavne og f.eks. links, der kan nedsætte størrelsen (men det kan faktisk også blive til en hel del !-)

Ellers skal du jo undlade at loade det hele fra start og så først hente det via ajax el., når der er behov for det (jeg har ikke kigget på koden på M$ developers hjemmeside, men der gøres der noget lignende !-)

-- els velbekomme '-)
Avatar billede w13 Novice
07. april 2008 - 14:50 #24
:)
Avatar billede w13 Novice
07. april 2008 - 14:51 #25
Ligger koden i en bestemt fil, vi kan se? Har lidt svært ved at overskue præcis hvor den starter og stopper..
Avatar billede xited Praktikant
07. april 2008 - 16:12 #26
w13> desværre - hvis jeg linker direkte til menuboksen, så kommer der en fejl, da den anhænger af nogle includes, der kaldes i dens "parents".

Anyway, jeg lever med det indtil videre...

Tak for hjælpen!
Avatar billede roenving Novice
07. april 2008 - 16:20 #27
-- og jeg takker for point ;~}
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
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
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 14:19 Fejl Af buls i Windows
I dag 13:44 Adgang til Google konto via Ipad Af cyperbent i E-mail programmer
I går 09:50 Mobilpay svindel Af nu_igen i Andre onlineløsninger
22/0120:51 Knap til ipad Af FinnLauridsen i Excel
21/0113:53 Icloud mail via Outlook Af lbc i E-mail programmer
White papers
Flere white papers »