html help needed

[Jaybird]

I am working with iframe to link to the website that I use to record my dive logs. however, the site does not use a background a defaults to white. so when I input the iframe into rapid weaver, the theme i use has a dark grey contents box, the site pulls up fine but none of the text is readable because the background is transparent and shows the grey content box behind it. is there anyway to force iframe to default to white background? I tried using "allowtransparency="false" but that didnt come back with anything. and now the font has changed. for the full source text here is my site: http://thebirdwell.com/diving/dive_log.html. it is still in alpha stages. 

 

I have tried using iframe to link to a small sub-url that uses another iframe and a background code to give the dive log site a background. so iframe inception (yes i do know the correct definition of inception). but when i do that the dive log site reverts back to the homepage and you cant navigate through it. 

 

<iframe src="http://www.DiveRecord.com?jaybird" width="800" height="900" frameborder="0"></iframe>

 

any ideas?

 

Thanks!

 

[Jeroen1322]

Maybe in CSS like this:

iframe{background-color: white;}

Or give the iframe a ID or Class so not every iframe is going to have a white background like this:

 

HTML ID:

<iframe id="dive" src="http://www.DiveRecord.com?jaybird" width="800" height="900" frameborder="0"></iframe>

HTML Class:

<iframe class="dive" src="http://www.DiveRecord.com?jaybird" width="800" height="900" frameborder="0"></iframe>

and the CSS for ID:

#dive{background-color: white;}

And the CSS for class:

.dive{background-color: white;}

Hope this solves your problem!  

[Jaybird]

Maybe in CSS like this:

iframe{background-color: white;}

Or give the iframe a ID or Class so not every iframe is going to have a white background like this:

 

HTML ID:

<iframe id="dive" src="http://www.DiveRecord.com?jaybird" width="800" height="900" frameborder="0"></iframe>

HTML Class:

<iframe class="dive" src="http://www.DiveRecord.com?jaybird" width="800" height="900" frameborder="0"></iframe>

and the CSS for ID:

#dive{background-color: white;}

And the CSS for class:

.dive{background-color: white;}

Hope this solves your problem!

i dont think that will do it. cause its not a classification issue. iframe is working as it should and i am only using one of them at the moment. 

 

the other thought i had was to over ride the css for the content box. force the box to display a white image instead of the grey image. a site i looked at suggested adding !important .

 

original:

 <div id="content"><iframe src="http://www.DiveRecord.com?jaybird" width="800" height="900" frameborder="0"></iframe><p>© 2013 Jarrod Birdwell</p><div class="clearer"></div></div><!--/content-->

 

edited to add white background:

<div id="content"; background src="http://ep.id-t.com/dam/asset/download/uuid/gowjic7f6rejdgunnw3g3ilc7q/"><iframe src="http://www.DiveRecord.com?jaybird" width="800" height="900" frameborder="0"></iframe><p>© 2013 Jarrod Birdwell</p><div class="clearer"></div></div><!--/content-->

[Jeroen1322]

So it is solved?

[Jaybird]

So it is solved?

nope.

 

i didnt write the css which is why i dont want to get into it. i always mess up when i try to change the css.

[Jeroen1322]

nope.

 

i didnt write the css which is why i dont want to get into it. i always mess up when i try to change the css.

So if i understand correct you don't want to write CSS?

[Jaybird]

So if i understand correct you don't want to write CSS?

correct. I've tried css and using it in specific locations on my site but I always seem to fall short of making it work. even if its as simple as just uploading and telling the html to look for the css; it never finds it. plus the css that I am borrowing calls on other css files so i cant simply change the style.css to style2.css i could just email the dive log site manager and ask him to put in background code. it might be easier. 

[Jeroen1322]

correct. I've tried css and using it in specific locations on my site but I always seem to fall short of making it work. even if its as simple as just uploading and telling the html to look for the css; it never finds it. plus the css that I am borrowing calls on other css files so i cant simply change the style.css to style2.css i could just email the dive log site manager and ask him to put in background code. it might be easier. 

Yeah that would indeed be easier if it is a giant clusterfuck of code 

[Gofer01]

Try this

<iframe id="dive" src="http://www.DiveRecord.com?jaybird" width="800" height="900" frameborder="0"></iframe>

to

<iframe src="http://www.DiveRecord.com?jaybird" width="800" height="900" frameborder="0" id="dive"></iframe>

Make sure your css is read last