A little CSS design issue I found on...

Jul 21st, 2015 at 04:54 PM
User 2590668 Photo

James Kershaw
Registered User
40 posts

I removed the errors except for the iframe element. Would you mind offering some direction the css for iframe? This error is on every page but suppliers won't offer anything..

<iframe height="500" width="1100" name="zoho-sheetmusic_View" frameborder="0" scrolling="auto" src="…XDQzgaUMmvpHsVp92EkC85ADCV12PD56yjqb9CWVEfb2mWRMmd1q70wN9RV5RVrMdZtkWtKrPRXQ7sj9Qbr2UY5Mg90xhujH3/"></

I have 3 different iframes throughout. (sheet music, comment, contact)
Thanks.
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 22nd, 2015 at 09:12 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

<iframe height="500" width="1100" name="zoho-sheetmusic_View" style="border:none" scrolling="auto" src="…XDQzgaUMmvpHsVp92EkC85ADCV12PD56yjqb9CWVEfb2mWRMmd1q70wN9RV5RVrMdZtkWtKrPRXQ7sj9Qbr2UY5Mg90xhujH3/"></iframe>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Jul 22nd, 2015 at 01:47 PM
User 2590668 Photo

James Kershaw
Registered User
40 posts

iframe {
border:none;
scrolling:auto;
}
works great . . .page validates. Adding a missing </div> cleared up the misalignment.
Many thanks. Jim

http://www.momentostudios.ca/momentonew … eet-p.html
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 22nd, 2015 at 04:35 PM
User 2590668 Photo

James Kershaw
Registered User
40 posts

Would this work to cover 2 similar iframes and one different?

iframe {
Border: none;
Scrolling: no; auto;
}

James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 22nd, 2015 at 10:40 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

It will affect every iframe on the page the code is referenced.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Jul 23rd, 2015 at 07:14 AM
User 2590668 Photo

James Kershaw
Registered User
40 posts

How do I make the css reference a specific iframe? I have 3 different ones. For example one iframe is about the comment section. The css elements here replace their equivalent in the iframe .
#iframe ?? {
border:none;
frameborder:none;
scrolling:no;
height:320px;
width:100%;
allowtransparency:yes;
}
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 23rd, 2015 at 07:30 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

iframe #one {
border: none;
scrolling: no;
}
iframe #two {
border: none;
scrolling: yes;
}



<iframe id="one"></iframe>
<iframe id="two"></iframe>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Jul 23rd, 2015 at 08:23 AM
User 2590668 Photo

James Kershaw
Registered User
40 posts

http://www.momentostudios.ca/momentonew … apr-b.html
http://www.momentostudios.ca/momentonew … eet-p.html

"Comment" iframe before changes:
http://www.momentostudios.ca/momentonew … may-b.html

Attachments:
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 24th, 2015 at 04:51 PM
User 2590668 Photo

James Kershaw
Registered User
40 posts

How do I get rid of scroll bars in this first example below?
http://www.momentostudios.ca/momentonew … apr-b.html
http://www.momentostudios.ca/momentonew … eet-p.html

This one above works fine except for that thin black line at the top and left side
much appreciated. Jim
Attachments:
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 24th, 2015 at 08:09 PM
User 2590668 Photo

James Kershaw
Registered User
40 posts

Contacted ***ADMIN REMOVED*** help but still a problem with scroll bars after changes.

http://www.momentostudios.ca/momentonew … aug-b.html

scrolling: no; doesn't help anywhere!!

James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.