Avatar billede dennism Nybegynder
06. marts 2009 - 11:38 Der er 9 kommentarer og
1 løsning

CSS: ID div

Jeg sidder med et plugin til CMS-systmet Joomla.
Dette plugin har et div, hvor ID'et skifter hver gang siden loades. Det kan f.eks. være:
- ID="googlemap3_9jb8b_0"
- ID="googlemap3_5hf6h_0"
- ID="googlemap3_gfh6h_0"

Dette gør det umiddelbart lidt problematisk at style, men jeg synes engang at have set, at det er muligt at lave en style som siger at alt der starter på f.eks. "googlemap3" skal style med følgende. Er det korrekt?

Jeg har bl.a. prøvet med:
#googlemap3 {
    border:1px #000000 solid;
}
Avatar billede OskarRough Nybegynder
06. marts 2009 - 12:40 #1
Nej, det er ikke muligt med ren css, men du kan jo tilføje en ekstra id eller class i stedet. Så du har <div class="googlemap" id="googlemap3_gfh6h_0">?

Såfremt du har mulighed for at ændre lidt i dit plugin.. Men måske er det muligt med noget js traversing?
Avatar billede ssv Nybegynder
06. marts 2009 - 12:41 #2
Jeg har umiddelbart ikke hørt om den løsning med at man kan style bare lidt af et ID. Kan du ikke give elementet en class?

<div id="googlemap3_gfh6h_0" class="googlemap">

og så i CSS'en skrive:

div.googlemap {
    border:1px #000000 solid;
}
Avatar billede ssv Nybegynder
06. marts 2009 - 12:43 #3
Jeg havde så ikke set OskarRough's svar før jeg postede mit ;-)
Avatar billede mclemens Nybegynder
06. marts 2009 - 13:47 #4
Havde det bare været bindestreger istedet for underscore var du bedre stillet ... http://www.w3.org/TR/CSS2/selector.html#q1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type"

content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
*[id|="googlemap3"] {background:#ff0;}
</style>


</head><body>

<div id="googlemap3-9jb8b-0">A</div>
<div id="googlemap3_anbhb_0">B</div>
<div id="googlemap3_kc78b_0">C</div>
<div id="ikkegooglemap3_kc78b_0">Ikke D</div>

</body></html>
Avatar billede dennism Nybegynder
06. marts 2009 - 16:47 #5
Vil I smide et svar?
Avatar billede mclemens Nybegynder
06. marts 2009 - 18:22 #6
Intet til mig :)
Avatar billede zips Juniormester
06. marts 2009 - 20:02 #7
Husk at mclemens løsning er god, men virker desværre ikke i IE6
Avatar billede mclemens Nybegynder
06. marts 2009 - 21:22 #8
Jeps, de nye selectors kom først til i IE7, så der bør være et conditional comment javascript der køres for IE<7 for at rette deres design visning på elementerne. (optimalt var at rette på elementerne og tilføje class'en, hvis muligt).
Avatar billede dennism Nybegynder
07. marts 2009 - 11:05 #9
Vil du smide et svar, mclemens?
Avatar billede mclemens Nybegynder
09. marts 2009 - 19:51 #10
Kommer her, og tak 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
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