koolx
-
Posts
26 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by koolx
-
-
6 hours ago, dsonesuk said:
OK! I see that? the only quick outside the box solution is to Alt -> Print Screen, paste it into graphics editor and get the colour using eyedropper tool. but its highly unlikely you will be able to change it as the colour is governed by operating system, which is mostly outside css control.
Before I can even color that part of the element first I have to find out what that element is.
-
18 hours ago, dsonesuk said:
YES! THE OPTION ELEMENTS LISTING DISAPPEARS, BUT! BEING PART OF THE VISIBLE ELEMENT IE FOR INSTANCE THE SELECT ELEMENT (ABOVE THE CIRCLED DROPDOWN) WITH TEXT ‘LENGTH' YOU CAN! ACCESS! THE! DROPDOWN! THROUGH! THAT!
THEN BY EDITING HOW I HAVE MENTIONED SEVERAL TIMES NOW! YOU WILL SEE THE OPTIONS LISTING, AND BE ABLE TO USE THE INSPECTOR ON IT!
inspect select element->right click->Edit html (to edit select) OR Attributes -> Add Attribute -> enter size="5" in both cases PRESS ENTER, the dropdown list will, but considering the options list is within the select element, and the border around the options list IS the select element border itself its a bit pointless!
Hi.. I did as you asked and youre right. After entering " size="5" " the dropdown list becomes visible. But the problem is when I do that the top and left side grey borders that were originally visible no longer is visible. So I dont know what to tweak exactly. This is bizarre. Take a look at my screen shot to see what I mean. What do you suggest?
-
Hi guys.. I use firefox and win 10. I'm trying to find out what a google element is in inspector. The element is a dropdown list. But everytime I hover away from it to inspect it in inspector, the element disappears and as such, inspector cant tell me what it is. Heres the link to that google page:
https://www.google.com/search?q=cm+to+inches&ie=utf-8&oe=utf-8&client=firefox-b-abHeres a screenshot of the element I'm trying to find in inspector:
-
3 hours ago, dsonesuk said:
Like I said the select dropdown and the dropdown list ((option elements) - which is much more clearer) are the same, you can't have one without the other, to say the ELEMENT disappears, means to me the whole select + option listing disappeared which don't make sense!
So , the select element we have established that is visible with value 'length', has to be inspected, then you should have an option to 'Edit', click that! edit the select element so it has an attribute of size="5", click 'Edit' again to exit. You should now be able to see part of the menu displaying 5 of the options listing, now you can inspect.
OR
Where the listing of css styles are applied to inspected elements, there should also be a 'DOM' tab. Select this and from the options make sure 'Show DOM properties is ticked. When you are inspecting the 'select' element, it will show attributes available to that element. Look for 'size' and add 5 to column on the right of it.
There is no one set way of showing hidden elements, it depends on what type of element, and how its hidden.
The dropdown list disappears when you hover your mouse from it to try to find out what it is in inspector. You cant get more clearer than this.
As I said a bunch of times, theres no way of inspecting the dropdown element cuz AS SOON AS YOU MOVE YOUR MOUSE AWAY FROM IT TO THE INSPECTOR TOOL TO ATTEMPT TO FIND OUT WHAT IT IS IT D-I-S-A-P-P-E-A-R-S.
Theres no dom tool in inspector. Everyone who knows css knows there isnt one.
Think I'll start a new thread. You dont know css at all.
-
1 minute ago, dsonesuk said:
I'm using windows 10, and Firefox, your link shows select dropdown form elements for 'Length', 'Centimetre' and 'Inch', are you saying these are disappearing?
No, just the drop down list disappears when I hover from it as I check what it is in inspector. This occurs with some elements that disappear when you check what they are in inspector. As soon as you select the element and hover from it to inspector to inspect it, it disppaers. How can I find this element or freeze the element from disappearing?
-
I got firfeox and windows. There are elements that when I select to find what they are in inspector will disappear Is there a way to freeze certain elements that have a knack of disappearing when you hover away from them?
-
10 minutes ago, dsonesuk said:
You should be more clearer, the element does not disappear, the option listing if that is what you are referring to? is part of the select element, so it does not disappear, that is why i thought you were referring to border changing on hover. To see the full option list, click the select element, then hit edit, add a attribute of size="20" for example, and the list will now show.
Note: There is not much you can do with options from select dropdown. Usually these are converted to a customized dropdown using ul, li elements because this is easier to style, then JavaScript is used to gather the li selected content to insert into hidden select element OR just hidden input.
I said the element DISAPPEARS: "the element disappears and its info also." This is what I said in the beginning and I cant be more clear than this is, as this is clear as day.
Youre having a very hard time understanding. AGAIN I CANNOT select the element as you would want me to because it DISAPPEARS as soon as I HOVER AWAY from it.
-
10 hours ago, dsonesuk said:
Select the element in question from developer console, then where the css is displayed there should be a dropdown style of :hover, :focus etc, select :hover and the border should appear as being hovered over, and the css should show as well for hover state.
As I said the element disappears as soon as I move my mouse from it. So inspector fails to pick up what code it is as a result.
-
Hi guys.. I use firefox and win 10. I cant color the border of the drop down in google's metric conversion page. Everytime I hover away from the border to see what the element is in inspector, the element disappears and its info also. It happens with some elements. Wish there were a way to freeze these types of elements. Anyway heres the link to that google page:
https://www.google.com/search?q=cm+to+inches&ie=utf-8&oe=utf-8&client=firefox-b-abIs there a way to freeze certain elements that have a knack of disappearing when you hover away from them?
-
Hi guys. I got a CSS that darkens google. The problem is that the google logo at the bottom of the page just above the page numbers isn't visible and I cant make it show. Look at the attached image... circled in red you will see the logo isnt visible.
When I used inspect element on google, I found the code responsible for making the logo appear. The code is posted below. What can I do to the code to make the logo appear?
|.star |div, |.star |span, |a#logo, |*.csb {background: none !important;}
-
Well, I'd start by removing the vertical pipe from that selector.
Hi Ingolme.. I fixed the problem, thank god! But now I got an issue I need your help on. The link to my thread with my issue is here:
http://w3schools.invisionzone.com/index.php?showtopic=52306
Please help me. Thanks.!!
-
When I search, for example, "uii" in google, I get a box to the right side with links in blue which is what I like. But when I hover my mouse over it, the link changes to white. Look at the attached pic showing this circled in red. Where in the code can I change the link color when I hover my mouse over it?I also pasted a link to my updated CSS code below. Do take a look and let me know which element is the culprit of this. Thanks.
http://www.filedropper.com/fixedgooglecss
-
The * selector targets everything on the page. It's unnecessary because the class and ID selectors already do that without needing the * next to them.
This selector looks like it will present a problem: *.nrg-title > |a The vertical pipe is not a valid selector and some browsers might ignore that rule.
When I'm talking about absolute and relative positioning I'm referring to elements with the rule position: absolute; or position: relative; along with top, bottom, left or right rules. This causes elements on the page to overlap. If something's overlapping this is most likely the cause of it. This way of positioning is unnecessary for ordinary page layouts and can really mess things up.
Ok so what do you suggest I use as code to remedy this problem?
-
The CSS means nothing without an HTML context to apply it to. That's also a whole lot of CSS to look through. Which are the rules that are targeting the element that's misplaced?
It looks like you're using absolute or relative positioning somewhere, something that you shouldn't have to do.
Hi, Ingoime.. The element in question and code I used is:
*.f, *.irg-title > a, *.nrg-title, *.nrg-title > |a, *#brs > *.med, *.normal-header div.rg-header {margin-right: -44px !important;}
As you see, I use 'margin-right: -44px'. It works. But it fails when I use my other CSS style that entails a font of arial, size of 17px and bold for all sites. The element for this is: ' * '. You said it looks like I'm using relative or absolute positioning. I dont know much about CSS. But what do you suggest I do?
-
Hi guys. I'm using Opera version 12.16. I got a problem with how my CSS looks in Google. The CSS is perfect except the second link below the main link is superimposed on the description. See the pic to see what I mean. I also attacthed a pic to show how Google is supposed to look. (btw, I used "uii" as my search for this example).
This error happens when I use another CSS for all sites with font set to arial, 17px and bold. I need both this CSS and the CSS for Google, so I cant choose one over the other.
I also attached my CSS code for Google. How can Iget this link to obey and stay put? Please take a look and please help me with this issue, Thanks.
-
I'm not sure what you're describing, I can change any rules that it shows. I can add CSS rules or disable them. Which browser are you using?
I'm using Opera version 12.16. I think I got it figured out now. But thanks for the help. If I need anything, I'll let you know. Again, thanks for the help man.
-
The point I'm trying to make is that you can use your developer tools to figure this stuff out so you don't have to guess. You can right-click and inspect any element to see what it is and get the CSS selector to target it, and you can also see all of the CSS rules that apply to it and where those rules are coming from (which files and lines). You can even edit the CSS directly in the developer tools to see what the changes would do. Once you have it looking like you have it there then you can make changes to the files to have it stick.
Can you please show me how to do this? So far when I bring up Inspect Element, I see on the right pane the CSS codes. I can change some of the elements. But some of these elements I cant change. I don't know whay. Can you please show me how to do thia? Thank you.
-
There's no attached code. Are you using your developer tools to figure out which rules are applying to those elements?
Wow! I swear to god that I had attached it. Attached is the file. As to dev tools, I think the element may be, '#masterhead search-items'. But I'm not sure. Anyway, maybe its best to just insert a brand new code to into my code to make these changes. If you know what codes can do this, I'd appreciate it. Thanks.
-
All of those are controlled by CSS rules that are defined somewhere. I couldn't guess where they are defined or what rules they are just by seeing a screenshot though. But you can use your browser's developer tools to inspect any HTML element in order to see all of the CSS rules that apply to it and where they are coming from.
Hi, justsomeguy. Please looki at the attached code. I appreciate your help.
-
Hey guys!! Please look at the attached pic. In the top right corner, you'll see circled in red the button in youtube called, 'Sign In'. The button is blue, but the inner partof the button is in dark grey. I want to change this inner part to blue also to make the button a solid blue.
When I used Inspect Element, I isolated the code that changes the color of this inner part of the button. The code is below:
|*.guide-item.guide-item-selected |span, |*.yt-uix-button-subscribe-branded |*.yt-uix-button-content |span, |*.yt-uix-button-subscribed-branded |*.yt-uix-button-content |span, |*.yt-uix-button |span {color: #FFFFFF !important;background-color: transparent !important;}
But I tried to change the color by adding, "background-color: transparent !important;". But that doesn't work. I don't know exactly if this is the right code to use or not. Let me know what I should do.. Thanks!!
-
Hey you gurus!! I got a peoblem I need help with on youtube. Please see attached pic.
1) In the red circle numbered 1, when I highlight a work in the drop down, it highlights the line but not the back of the words. How do I highlight the back of the words?
2) In the red circle numbered 2, what code changes the pink color of the words to another color?
3) In the red circle numbered 3, what code changes the color of the background of the drop down?
Looking forward to hearing from you gurus!!!
-
II don't think koolx is working on a website - I think they're using a bit of CSS to override the styles for all the websites they visit.
Exactly! Very perceptive. Hope you can still help me, sweetheart.
Im not to fluff around someone else's site (especially a download site)to identify a problem that has noting to do with your site. Do it yourself use F12 on your web browser and inspect the elements in question using web developer tools, it will tell you what is causing these white patches and you can go about fixing them.
So far, I cleaned some of the pathces up. But one is giving me an issue. When I inspect the elements, theres this white patch in the online editor on this site. The code is below. I tried to replace the url with: "background: none !important;" but that doesn't work.
.cke_top {background: url("http://w3schools.invisionzone.com/public/style_images/master/editor/toolbar_bg.png") repeat-x #E4EBF2 !important;}
I also attached a pic to show you. What do you suggest to remove this white patch?
To be able to understand better, please attach screen shots of your browser view
Pic is attached. Please see it and let me know. Thanks, man!
-
Then maybe you should read up on the tutorial at http://www.w3schools.com/css/css_background.asp, which explains all the background properties, such as background-color, background-image, background-postion etc, and how they can be combined altogether under background: before posting.
You can test why you are getting the problem you experiencing here
http://www.w3schools.com/css/tryit.asp?filename=trycss_background_shorthand
under
background: #ffffff url("img_tree.png") no-repeat right top;
type
background: red;
the image is cancelled out and disappears, cause you have not set image property, now change to
background-color: red;
you are only changing just the color already set, and not touching any of the other properties, so the background color changes and all the other properties including the image remain.
Hi, dsonesuk. I tried what you suggested, which is adding"background-color #example color !important;" But even though it does a good job of allowing images to be seen,.a few elements still seep through with their whiteness.
For example, when I tested that code with the site below, I get some white patches:
Do you think it's best at this point to just add all possible elements and then add 'background-color' code to these elements? If so, can you please reply back with all the elements I can add to that code? Thanks.
(Just to let you know, I'm using the site I posted above as an example. Please keep this in mind).
-
Don't use shorthand background, it basically will overide all background styling for this and only apply current. Target the specific background styling for example using background-color:
Hi, dsonesuk.. I'm a bit of a newbie, I only know basic CSS. Can you please explain what you mean by, 'shorthand background'? Do you mean that I should only use 'background-color' and remove 'background' from the code? If thats what you mean, then I already tried that and it works but I still get some white background.
If you can, please add a code for me to use. As I said, I'm a newbie and know basic CSS. I'd appreciate it greatly. Thanks!
Dififcult to Find Element in Inspector - It Disappears
in CSS
Posted
What would accessing everyone's operating system tell me what element that is?