Avatar billede hakio Novice
30. december 2008 - 15:50 Der er 5 kommentarer og
1 løsning

Skjule elementer via stylesheet

Jeg har følgende kode med to TD'er (som jeg ikke umiddelbart har mulighed for at ændre på):

<td width="26" height="26" class="dwbsecuregrafik dwbsecureGraphics dwbsecureNavigationButton dwbsecureNavigationButtonSubmit">
<a href="java script:dwbsecureValidateSubmit(true)" tabindex="-1" onmousemove="window.status='Indsend';" onmouseout="window.status='©2001-2008'">
<img src="../gfx/Underskriv.gif" width="26" height="26" border="0"></a>
</td>
<td class="dwbsecureKnapper dwbsecureNavigationButton dwbsecureNavigationButtonSubmit" width="95">
<a href="java script:dwbsecureValidateSubmit(true)" name="dwbsecureNextsubmit" id="dwbsecureNextsubmit" class="dwbsecureKnapper dwbsecuretekst dwbsecurePanelText" onmousemove="window.status='Indsend';" onmouseout="window.status='©2001-2008'">&nbsp;Indsend</a>
</td>

Det jeg har brug for er, at skjule den første TD via et CSS stylesheet. Den anden TD skal fortsat vises.
Den første TD er karakteristikeret ved at have følgende klasse "class="dwbsecuregrafik dwbsecureGraphics dwbsecureNavigationButton dwbsecureNavigationButtonSubmit".

Jeg vil benytte display:none i mit stylesheet, men ved ikke hvordan jeg i CSS angiver at det kun skal være ved præcis ovenstående kombination af klasser display:none skal træde i kræft. Måske det også kan laves anderledes.

På forhånd tak og godt Nytår :)
Avatar billede ssv Nybegynder
30. december 2008 - 16:30 #1
Det kunne være noget alá dette:

<style type="text/css">
.dwbsecuregrafik .dwbsecureGraphics .dwbsecureNavigationButton .dwbsecureNavigationButtonSubmit { display: none; }
</style>
Avatar billede hakio Novice
30. december 2008 - 20:22 #2
Ja, det tænke jeg også og prøvede det.
Men både første og anden TD blev skjult, hvorfor jeg konkludere at man dermed blot angiver flere klasser hvor display:none skal gælde, og ikke den bestemte rækkefølge af dem.
Avatar billede roenving Novice
31. december 2008 - 00:19 #3
Bliver det anderledess, hvis du udelader mellemrummene ?-)

.dwbsecuregrafik.dwbsecureGraphics.dwbsecureNavigationButton.dwbsecureNavigationButtonSubmit { display: none; }
Avatar billede hakio Novice
31. december 2008 - 09:57 #4
nej, det gør det heller ikke.
Avatar billede olebole Juniormester
31. december 2008 - 17:31 #5
<ole>

Der er sikkert et sted (en klasse), der specifikt angiver, knappen skal have en anden position-værdi (f.eks. 'block'). Dén klasse er du nødt til at overskrive - eller oprette en mere specifik selector, der gør det.

Jeg er ret sikker på, man er nødt til at se hele koden for at kunne hjælpe - men jeg er ligeså sikker på, at med den viste CSS-struktur, er det ikke mig, der har lyst til at 'fedte' mig frem til en løsning  =)

/mvh
</bole>
Avatar billede hakio Novice
02. januar 2009 - 17:18 #6
Tak for jeres input. Så vidt jeg kan konkludere er det ikke muligt at angive det jeg ønsker via et stylesheet, altså at hvis fire specifikke klasser så display:none. Det er heller ikke rigtigt den måde CSS er ment at skulle anvendes.

Som olebole også skriver, det er noget snask at arbejde med det sådan...så jeg finder på en anden løsning.
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