This question already has answers here:
How to apply CSS to iframe?
(28 answers)
Closed 6 years ago.
I've a DIV, inside that i've Iframe. In that Iframe i'm loading the Html page. So I want to apply the css for that Html page.
You want to change the style inside the Iframe... It is no possible, when you show an Iframe you can't modify his style.
If yu create the Iframe, apply the style modification before to show in any page
Related
This question already has answers here:
Is there a CSS parent selector?
(33 answers)
Closed 2 years ago.
I have:
<div id="header"><button id="button1"/></div>
<div id="footer"></div>
Can I change (just in css, not js) the layout so button1 belongs to footer?
If this is not possible are there alternatives? (such as flex order allow dynamically to change the order of elements). My goal is to propose many different themes of an application without to modify the DOM layout (e.g. some people want the button to be in header, other prefer in footer).
Can I change (just in css, not js) the layout so button1 belongs to footer ?
In a word, no.
What you are trying to do is change the actual structure of the page, which is not what CSS is for. CSS is (for the most part) about controlling the visual aspect of a web page, and HTML is for the structure. You could, I suppose, apply CSS styling to make the button appear as though it were a child of #footer (you might set position: relative and give it the appropriate offset so that it appears where it would have appeared if it were), but that’s hardly a reliable solution.
If you find yourself needing to do this, perhaps pure CSS is not really the appropriate solution? Could you offer the themes in the form of styles and scripts (where you could use the script to move the button)? Or perhaps offer HTML templates to be chosen from (e.g. whether the button should be in the header or footer), and then apply the CSS theme on top of that.
This question already has answers here:
CSS background-image - What is the correct usage?
(10 answers)
Closed 4 years ago.
background-image: url(../images/title2);
im also trying to apply it to a container
i have a rootfolder called learning project inside it looks like this
My html page is inside html and my css is inside css both called index I'm trying to get from my css to my image folder to title2 which is just a random name and it wont work
Can anyone help?
wrap the relative url in quotes
and thats it
background-image: url('../images/title2');
This question already has answers here:
Override body style for content in an iframe
(11 answers)
Closed 9 years ago.
I would like to add, remove, and adjust the CSS of iFrame. In particular I am looking to to this to Disqus comments which embeds their comments into an iFrame on the page.
If I am allowed to modify the CSS of an iFrame is the only risk that I am susceptible to them (in this case Disqus) updating the CSS classes and ID's?
No, you can't.
You can edit it via JavaScript, but the iframe content and its parent need to be on the same domain, if not you will not be able to do it
This question already has answers here:
Is there a CSS parent selector?
(33 answers)
Closed 9 years ago.
I am creating a print stylesheet and would like to hide all figure tags only if that tag contains an iframe, which happen to be embedded YouTube videos. If the figure tag contains anything else (i.e. an img), I want the tag and its contents to still be shown on the printed page.
I know that I could simply apply a class of "video", for example, to my figure tag where appropriate, but I want to see if there is a way to accomplish this via CSS without resorting to adding classes throughout my site. Also, even though I know they exist, I am not looking for a jQuery solution.
Thank you!
You are looking for a parent selector
CSS3 has none, but CSS4 has one that is like selecting using $.
Here are some similar questions with similar results:
Is there a CSS parent selector?
CSS Parent/Ancestor Selector
Complex CSS selector for parent of active child
This question already exists:
Closed 10 years ago.
Possible Duplicate:
Styling native tooltip from title=“Tooltip text”
Is any way to control browser tooltip in CSS.
like adjust height and width .. something
-spk-
Not for the built in tooltips with title, no.
You can create tooltip-like constructs of your own, though, by using a div (or anything) that is hidden until the user hovers over your element. See the :hover pseudo-class.