Application de css à une table contenue dans un iframe

Je vais diffuser du contenu tiers à d'autres sites via un iframe. Le contenu sera présenté dans un tableau. Est-il possible d'utiliser des feuilles de style internes où les définitions sont définies dans l'iframe ?? J'ai lu que les feuilles de style internes ne devraient être définies que dans la section head. Css externe n'est pas une option.Application de css à une table contenue dans un iframe

Voici un exemple de contenu qui afficherait à l'intérieur de l'iframe.

<STYLE TYPE="text/css"> 
    .className{ 
      background-color: #444444; 
    } 
    </STYLE> 


    <table> 
    <tr> 
     <td class="className"> 
      Column 1. 
     </td> 
     <td> 
      Column 2. 
     </td> 
    </tr> 
    </table>

Ou est la seule alternative à utiliser en ligne css?

Source

2010-10-21 M Schenkel

le contenu iframe doit être complet html/xhtml. Ce que vous avez indiqué dans votre question fonctionnera mais je ne vois pas de raison de ne pas avoir de balises html complètes, y compris <head>.

Lorsque vous déclarez un iframe, vous devez belinking dans un fichier html complet:

<iframe src ="myIframeContents.html"> 
    <p>Your browser does not support iframes.</p> 
</iframe>

myIframeContents.html doit être traité comme tout autre fichier html. Il devrait avoir des balises pour html, tête, corps, etc. Cela signifie que vous pouvez placer <style> étiquettes directement dans le <head> comme vous le feriez normalement.

myIframeContents.html:

<html> 
    <head> 
     <style type="text/css"> 
     .className{ 
      background-color: #444444; 
     } 
     </style> 
    </head> 
    <body> 
     <table> 
      <tr> 
       <td class="className"> 
       Column 1. 
       </td> 
       <td> 
       Column 2. 
       </td> 
      </tr> 
     </table> 
    </body> 
</html>

Source

2010-10-21 21:07:05 quakkels

Vous voulez dire qu'il y aurait une section , et même une section ? –

Oui ... un Iframe doit contenir un fichier HTML complet. Voir les modifications dans ma réponse. – quakkels

cette méthode fonctionnera. Les balises sont censées être utilisées dans la tête d'un document, mais peuvent également apparaître dans d'autres endroits et être locales à cette branche du DOM, y compris les iframes

Source

2010-10-21 20:46:56 FatherStorm

Merci. Ce que j'ai lu à propos de l'utilisation des iframes en dehors du , c'est qu'il peut provoquer des scintillements. Le scintillement s'appliquera-t-il ici? –

Le scintillement peut se produire pour un certain nombre de raisons. Cependant, les iframes devraient toujours être dans le corps du document contenant ... pas dans la tête. – quakkels

Oh - désolé. J'ai dit que cette affirmation était totalement fausse. Je voulais dire: Ce que j'ai lu à propos de l'utilisation de css interne à l'extérieur de la , c'est qu'il peut provoquer un scintillement. –

Application de css à une table contenue dans un iframe

Répondre

Questions connexes