Set iframe properties and values using CSS

HTML & CSS
1

Here are my simple iframe properties and values . . .


<iframe
      width="880"
      height="1000"
      frameborder="0"
      style="background-color:#FFF"
       src="http: etc . . .</iframe>

This accomplishes exactly what I needed for the iframe - perfectly!

I’ve tried placing this in my CSS page using a class


.mapframe	{ width="880"
      height="1000"
      frameborder="0"
      background-color:#FFF
}

In my html I did this.

<div class=“mapframe”
followed by <iframe and the src="etc . . .<iframe>

This however does not work.

What am I missing here?

Thanks . . . Rick

2

Hi,

You are mixing html attributes and css style properties up. They are not the same thing and some properties of the iframe may need to remain as attributes. You are also not targeting the iframe with your rules but .mapframe which is a div around an iframe.

It should be this:


.mapframe iframe	{ 
width:880px; 
height:1000px;
background:#FFF;
border:none;
}