Notifikationer

Markér alle som læst Log ud

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?

Synes godt om

w13 Novice

07. april 2008 - 12:32 #1

Hvad har du forsøgt for at gøre den fed?

Synes godt om

xited Praktikant

07. april 2008 - 12:36 #2

Givet den denne class:

class="dmselected"

Som vist i eksemplet ovenfor.

Synes godt om

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;
}

Synes godt om

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]

Synes godt om

xited Praktikant

07. april 2008 - 12:52 #5

roenving> Hvad så med eksemplet ovenfor? der er de ikke angivet efter hinanden i samme class="".

Synes godt om

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.

Synes godt om

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å !-)

Synes godt om

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/

Synes godt om

w13 Novice

07. april 2008 - 13:40 #9

Jeg kan heller ikke finde "dmselected" noget sted i din kode?

Synes godt om

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

Synes godt om

roenving Novice

07. april 2008 - 13:50 #11

... mark.co.uk/index.php?cPath=6507" class="">Stik</a> ...

Synes godt om

xited Praktikant

07. april 2008 - 13:52 #12

...og du har klikket på "Stik" eller en underliggende?

Synes godt om

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 ?-)

Synes godt om

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> ...

Synes godt om

roenving Novice

07. april 2008 - 14:00 #15

men den har class="headerNavigation" både i td'en og i a-tagget ..

Synes godt om

xited Praktikant

07. april 2008 - 14:02 #16

...er det ikke brødkrumme-stien du henviser til?

Synes godt om

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.

Synes godt om

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 ...

Synes godt om

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

Synes godt om

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?

Synes godt om

roenving Novice

07. april 2008 - 14:22 #21

Hvem mener du ?-)

-- og hvad løste problemet ?o]

Synes godt om

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?

Synes godt om

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 '-)

Synes godt om

w13 Novice

07. april 2008 - 14:50 #24

Synes godt om

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..

Synes godt om

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!

Synes godt om

roenving Novice

07. april 2008 - 16:20 #27

-- og jeg takker for point ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS