Wed, 2010-09-01 18:52
Hi
I have discovered a problem i can't find any solution to.
At school we have this website-portal to read news and stuff. But it shows so much information i don't have use for.
So i googled around and found Stylish, an extension to Google Chrome where you can add your own css code to override the standard.
My problem is this:
On the webpage they have used a class "splitscreenleft" twice. In one of them is the content i want to hide, and in the other the one i want.
The one i want to keep is below the other one, and if i try to set display:none to the class both disapear. If i hide the divs inside the first one the content disapears, but the empty class is still there so i cant move the other one up.
Is there a way to hide the first use of the class and not the second?
Wed, 2010-09-01 21:00
#1
research Specificity
research Specificity
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Wed, 2010-09-01 21:38
#2
Yes, i know:) But here the
Yes, i know:)
But here the problem is that i don't have access to the HTML or standard CSSfile. I'm using an Addon for Chrome to implement custom CSS to owerwrite the old.
My problem is that both places the class is has the same path, the only difference is the child elements.
Wed, 2010-09-01 21:38
#3
Yes, i know:) But here the
Yes, i know:)
But here the problem is that i don't have access to the HTML or standard CSSfile. I'm using an Addon for Chrome to implement custom CSS to owerwrite the old.
My problem is that both places the class is has the same path, the only difference is the child elements.
Wed, 2010-09-01 21:45
#4
you cant see the html?? You
you cant see the html?? You cant "see source"??
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Wed, 2010-09-01 23:32
#5
wakawaka wrote: But here the
But here the problem is that i don't have access to the HTML or standard CSSfile. I'm using an Addon for Chrome to implement custom CSS to owerwrite the old.
Of course you have access to the code. What do you think your browser does to display a page? First it has to download all the html and the files linked to by the html, including CSS files.
No, you don't have EDIT access, but you can see it all even with chrome, and you can save them to any local directory you wish to.
But, depending on how the html is structured, it may not be possible to do what you want. If the branches of the object tree containing both bits of code are not somehow different so you can use descendant tags, it will be impossible to do that with CSS. Javascript could probably do it, but not CSS.