Avatar billede segato Nybegynder
13. maj 2008 - 20:01 Der er 3 kommentarer

Overskrive shild elements style

Jeg har nedetstående html og styles. Jeg vil overskrive margin-bottom:25 px så den bliver sat til 0px. Kan dette lade sig gøre?

.Test2{background-color:Blue;}
.Test1 Table{margin-bottom:0px;background-color:Red;}
.Test3{background-color:Red;}

      <table style="width:100%;" border="1" >
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="Test1"><div>
                    <table style="width:100%;margin-bottom:25px" border="1" class="Test2">
                        <tr>
                            <td>
                                &nbsp;</td>
                            <td>
                                &nbsp;</td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;</td>
                            <td>
                                &nbsp;</td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;</td>
                            <td>
                                &nbsp;</td>
                            <td>
                                &nbsp;</td>
                        </tr>
                    </table></div>
                </td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
Avatar billede olebole Juniormester
14. maj 2008 - 00:32 #1
<ole>

Inline styles, skrevet i tagget, har fortrin fremfor, hvad der måtte være skrevet i et stylesheet. Det kan gøres med JavaScript.

/mvh
</bole>
Avatar billede segato Nybegynder
14. maj 2008 - 08:55 #2
Hej Ole,

Havde jeg lidt på fornemmelsen. Javascript er desværre ikke en mulighed, da elementet ikke har noget ID og da html'en kommer fra en kontrol. Flyttes denne kontrol, vil et javascript stoppe med at virke. Må ty til en Control Adapter. Tak for svaret, smid et svar så du kan få points.
Avatar billede roenving Novice
14. maj 2008 - 12:43 #3
Det er da ikke et problem:

var tabs = document.getElementsByTagName("table"), motherTable;
for(i=0,im=tabs.length;im>i;i++){
  if(tabs[i].className.indexOf("Test1")>-1){
    motherTable = tabs[i];
    break;
  }
}
var tabel = motherTable.getElementsByTagName("table")[0].style;
tabel.marginBottom = "0";
//evt. andre style-overskrivninger !-)
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