Come bloccare i CSS influenzino iFrame

December 14

Come bloccare i CSS influenzino iFrame


Se si utilizza fogli di stile (CSS) per progettare il tuo sito web e si dispone di un iFrame, o frame in linea, sulla tua pagina, il iFrame ha il potenziale per ereditare le regole di stile dal CSS. Spesso, lo stile è indesiderato perché mostra la cornice con una caratteristica indesiderata, come un confine. Inoltre, se il vostro iFrame contiene HyperText Markup Language elementi (HTML), come ad esempio un paragrafo, il testo ha il potenziale di adottare gli stili CSS. Per fermare questo, aggiungere regole di stile direttamente al codice iFrame per bloccare il CSS originale da danneggiare la vostra iFrame.

istruzione

1 Avviare il programma di editor di testo e aprire il documento sito web che contiene il iFrame.

2 Individuare il codice iFrame nel codice HTML. Un tipico iFrame si presenta come il seguente esempio:
<Iframe src = "URL del sito web" width = "300px" height = "400px">
<P> Il tuo sito web. </ P>
</ Iframe>

3 Posizionare il cursore all'interno del tag iframe. Tipo "style =" all'interno delle parentesi, immettere una coppia di virgolette e digitare l'attributo che si desidera seguito da due punti e il valore desiderato all'interno delle citazioni. Ad esempio, per bloccare un bordo di apparire intorno alla finestra iFrame, digitare "border: none" in questo modo:
<Iframe style = "border: none">

4 Posizionare il cursore all'interno dell'elemento HTML, come ad esempio <p>, che è essere colpiti dal vostro attuale CSS. regole CSS comuni che colpiscono gli elementi HTML nel iFrame includono la dimensione del font e il colore. Tipo "font-size:;" e "colore" all'interno dell'elemento e immettere i valori desiderati dopo ogni attributo in questo modo:
<P style = "font-size: 12px; color: black">

5 Salvare il documento e l'anteprima in un browser per vedere i cambiamenti. Quando si è pronti, caricare il file sul Web host per rendere il iFrame modificato in diretta su Internet.

Consigli e avvertenze

  • L'attributo in uno stile CSS nomi delle regole della proprietà particolare, come il colore, che si è messa in piega. Il valore dell'attributo è la caratteristica specifica, come il blu, si sta assegnando alla proprietà.
  • Se il iFrame non carica, gli elementi HTML, ad esempio paragrafi, si comprendono il codice iFrame appaiono al posto del telaio.