Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
see the background Grid , on this site hxxp://www.solarpowergetics.com/ It is a Magento website ,How can I get that image or is that CSS
That's CSS. Looking at the source, it's an image that is repeating. Each div has a partially transparent background that would make the lattice appear to be fading towards the center.
Try Right-Click and Inspect element in the future and navigate to the body or html element. Usually your answer will be there
A background will always be applied via CSS (well or inline HTML styling). Best thing to do is to open up the developer toolbar (Ctrl + I for Windows or Alt + Cmd + I for OS X) and look for the html or body tag in the HTML. Click on either and it'll bring up the CSS. Then you just need to look for the background property and that will either provide you with a colour like...
background: #ffffff;
Or if an image is used, it'll probably look something like...
background: url(myimage.png);
There are many different variations depending on what they want the background to look like. If an image is used, right click or control click to open it in a new tab. Browsers like Chome will make the image link and active url so you can actually visit it and see the real image.
Hope this helps!
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
I have included a transparent png in my Website and it has white pixels on the borders and they look really buggy.
I have double checked that's not the image itself that includes this pixels and also no border is set in CSS.
Would be happy, if anyone knows this issue and can help.
Here is a screenshot of what I mean:
You can use vector applications to create a logo. Like the "Corel Draw". I created your logo for the sample
This is not possible in CSS.
The white border is included in the image.
The solution is to use an image editor like Photoshop :
Select the transparent area with the Magic Wand Tool
Dilate 1px (or more if needed)
Press delete
Save as PNG
You will have to use an image editor such as GIMP or Photoshop.
If you got this from an artist you can complain to them that their exported image has a white border. Otherwise you'll have to use a brush and erase them yourself, which can be painful.
Problem is solved!
I have saved that image for web with a different color space and that caused the issue :/
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have a problem here with my website. If you can go to my website and click on the cog button on the left side, there are two images.
If you click on the first image, i set it to change .xe-clearfix css style to background-color:white, and for the 2nd image, i set it to change .xe-clearfix css style to background-color:transparent as well.
but as you can see, the menu and the image slider overlap with each other,
so basically what im trying to achieve here is to make the menu on the top of the slider 'push' the slider down, so that none is overlapping when i click on the first image.
(and remove that class when click on the 2nd image of course)
and since I can't copy paste the whole website here, i will simply leave my website's address.
and bare in mind that I use wordpress like CMS called XE,
and the source code might be 'mess' to some people.
but people often say that my webhosting company (cafe24) gets blocked by the ublock or adblock, I assure you that the website is completely safe and there is no harm whatsoever (you will need to disable your chrome's extension for that matter)
Thank you very much.
The others are right that your question is off-topic without a code snippet, but I'll throw some info up since you're new.
Your header/menu element (.header_wrap xe-clearfix menu_type_1) is positioned absolutely. That means it has no affect on other elements on the page.
The element containing the slider (.camera_wrap camera_white_skin) would need to be pushed down the height of the header (about 100px) using margin or other styling. This will not be a dynamic solution as it would need to be recalculated if the header height changes.
Bottom line: This layout would need substantial revision to do what you describe. It might be better to start with a different template that has a fixed, separate header bar.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I've just edit one page, and in my local computer its get perfect. I made the things in such way that the navigation menu still in a position in with it got a good look in contrast to the background image (transparent navigation background, with black characters over a part of the background menu where it is white). It's looking like this in my local machine:
But when I send it to remote servers, it get ugly, in unless two different ways, as follow:
This first, ugly, and;
This 2dn, even more ugly.
What could be happening?
First off - The second host is using an extra element, probably for tracking, or alike, which causes your style for div-elements, to apply to that aswell. You should use specific id's or classes for your elements, instead of just "div". Especially with "background"-properties.
You could solve this by adding following:
--some code--
<body><div><header></header>
--rest of the code
To
--some code--
<body><div id="container"><header></header>
--rest of the code
And changing in style.css: div {....to div#container {....
In my browser, the first link looks like your image, as it should, aswell.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I added an background image inside a container that was smaller than the image. It was part of the plan. Even though it automatically rotated itself 90deg, without me touching anything (there was 3 other boxes with the exact same settings, not the same image though.). Any idea how to fix that, or what it is happening?
EDIT: Issue solved, Kyle Shrader told me to use and EXIF tool, which I did. That told me the photo was rotated 90 degree, in the metas, even though it looked fine front end. I used an exif editor and put it on Horizontal (normal value for a photo) instead of Rotated 90 CW.
If the image has EXIF orientation set, some browsers will interpret this and automatically rotate the image. You can use a tool like EXIF Data Viewer to quickly check that this is not the case for you.
If this is the case, you can solve the issue in your style sheets or in the image file itself.
To solve this problem with CSS, use the image-orientation css property to set your image orientation. image-orientation: 0deg; is what you could use, in your case.
To remove the EXIF tag from the file, you can use a tool like theXifer EXIF Purge
edit: replaced the originally linked online solution with an offline solution. With each there are concerns. Online solutions pose an issue to leaking company information or assets. Obviously you should only use trusted offline solutions, since this could pose a security risk. Thank you for the recommendation, #TomerOfer
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
My initial searching indicates that for security reasons I might not be able to do this, but I'll ask anyway. How can I get the color of any specified pixel on a web page?
To be more specific, this is my own web page which contains background-color, images, css-modified-elements. I need to know the color of a specific pixel on the fully rendered web page. The info can't be from a screen-grab, because I want to modify my fully rendered page.
Ouch !!!
Did someone really “minus 1” me for asking genuine question?
Tough crowd!
To be more specific:
I want to add a user-moveable canvas element to the web page that visually alters the part of the web page that the canvas is hovering over. Think of the canvas element as a magnifying glass that the user can move across the web page. But the actual effect I want the canvas element to produce is a color-filter (hence the need for the underlying colors).
Can't be done w/ script+tricks. Maybe via a plugin
If you can set up a server-side browser to render pages for you - that might work.
https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en
Ok a few more details here....
With Chrome plug in you can load up your page, and use the little dropper tool to select a segment of the page that you are interested in finding out the color. It's straight forward, but to your "Edit" its sort of screen scraping. Not sure if you can or can't use chrome.
If you can't use a plug-in, do you have the ability to select the html element via right click?
You could use the html2canvas library to rerender your webpage to a canvas whenever your DOM updates, then grab the pixel information from the canvas.
However, it sounds like what you're trying to achieve might be possible to do with css filters. Here's a demo of what css filters can do.
You would need to render two layers with the same HTML, where the top layer has the filter applied to it and is cropped to cover only the desired area.