Databases
StackOverflow2013
Postsdbo
POApplying CSS within an iFrame
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POApplying CSS within an iFrame
    primarykey
    data
    text
    <p>I'm trying to change the width of my ad image from pixels to percentages. I'm using Google DoubleClick or "DFP". It automatically puts your ad image inside an iframe, making it very hard to change the actual dimensions of the image.</p> <p>So, the way I've gone about changing the images width from pixels to percentage is, I made a div (that is 90% of the webpage) wrapped around the image ad and then set the image's width to 100% so when the wrappers width changes on browser width resize, the image within it will always fill up the wrapper. But I don't know how to make this all work since the image is within an iframe (stupid DFP!!!)</p> <p>Here is the CSS codes for... the wrapper:</p> <pre><code>#div-gpt-ad-1362958263281-0 {width:90%; border:1px solid black;} </code></pre> <p>then the iframe which is in the wrapper:</p> <pre><code>iframe {width:100%;} </code></pre> <p>then finally the actual image in which i tried a few CSS selectors and different div classes:</p> <pre><code>.img_ad, a#aw0, iframe&gt;.img_ad, iframe&gt;#google_image_div&gt;.img_ad {width:100%; display:block; border:1px solid red !important;} </code></pre> <p>If you inspect element in Google Chrome on the ad image, you will see that the CSS isn't being applied to the image. All I'd like to do is change the images width into a percentage.. and also the height to <code>auto</code>. Should it really be this hard? Is this even possible since the image is in an iframe? Is DFP setting me up for failure? I just don't know... But, how would I alter the image ad's code? Any help would truly truly truly be appreciated guys! :)</p> <p>Here is the jsFiddle: <a href="http://jsfiddle.net/EptwH/3/" rel="nofollow">http://jsfiddle.net/EptwH/3/</a></p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USAdrien Be
    1. USDyck
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COyou're not supposed to resize DFP creatives, supposedly someone is paying to have his creative shown at a predefined dimention. I know for one, I don't want the creatives I pay for (which are 300x250) to be shrunk down to fit the needs of the site that displays them.
      singulars
      1. POApplying CSS within an iFrame
      1. USNick Andriopoulos
    2. CO@hexblot my whole site revolves around my thumbnails and ads slightly changing in dimensions for different browser widths / screen resolutions, this is something that my advertisers would be informed on before advertising with me. The shrinkage is minimal, lol.
      singulars
      1. POApplying CSS within an iFrame
      1. USDyck
    3. COAre you trying to target elements from a page to an inner outter-source <iframe> ??
      singulars
      1. POApplying CSS within an iFrame
      1. USMilche Patern
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload