I need a bit of help with my background image. The issue is that it appears to "reset" (not really sure how to describe it) with each element in my HTML code, so the page looks very choppy. Is there anyway to smooth it out? I have tried this in both Chrome and Firefox and get the same result. The background is on my About Me page, below is a link to it. Thank you in advance for your assistance.
First Project
Thank you to anyone that may have read this already, but I finally found the answer to my question here: W3 Schools Backgrounds
Hopefully this will help anyone else that might be having issues with their background.
Related
Has anyone ever experienced something like this before? I don't even know what you would call it.
When editing in jsfiddle, its fine
image: [everything is fine]
But when I view it on my website there is some type of arch.
[strange dark line]
Has anyone ever experienced this before?
It's likely jsfiddle applies a default margin/padding that helps hide the background image (the arc) in question. Or, simpler, there is no CSS on jsfiddle.
Check if there is any sort of background image (perhaps from CSS) being used on your website.
Im doing some coding in html , I have put in some image codes but they're not displaying for me. The only thing I am getting is a black box with some white ticks in it. Can someone please suggest how to fix this or maybe what the problem is.
unfortunately I would add this as a comment but not enough rep yet :). If you need some help an example of your code would give people a better chance of understanding what your doing or even where you may be going wrong.
The answers people can give to this may not even help in your case.
So working on this website and faced with an issue of blank space on the right side of the page on mobile view. I've looked at everything and still cant seem to get rid of it.
I deleted each section of the site hoping to find the area where the issue was (overflowing form something I thought) but it was always there so I don't know what to do.
[link removed] is the site on the dev server.
Im really stumped by this so hope someone can help me. Thanks in advance
The issue is visible only on mobile and almost no way to debug that (well there is a way, kind of a hard way to debug that).
Any long story short ... i suppose one of the page elements is not behaving as it should in mobile view. With this i mean, an element, element X for example is wider then the width of your mobile screen so it creates that white screen issue.
What im gonna propose here is not a 100% solution, is more like a workaround but it will work if the issue is what i supposed:
Apply this css rule on the body tag:
body { overflow-x: hidden; }
http://validator.w3.org/nu/
Copy Paste your url or paste your code (at the "Check by" dropdown) and you'll see unclosed elements.
Close your elements, I think there is the solution
Thanks to everyone for your help. So I found the issue, As Arber suggested it was an element behaving badly. It was the contents of the carousel overflowing causing whitespace to appear, so I was able to rectify the problem. Thanks again! Tthe validation helps with a few other side issues too.
I currently have a hexagonal background, but it's all one image. This generally works fine, but I may get in trouble if someone has a huge resolution. I wanted to see if it was possible to scale hexagons according to the size of your display.
Below is an example of what kind of background i'm using.
I know you're able to repeat an image with the CSS3 repeat, but not sure how I can accomplish it with something like this. Anyone have any ideas?
See If this link http://jtauber.github.io/articles/css-hexagon.html could help you do the same. Hope it helps.
I have received a table-html designed site to complete it. Now I have encountered a problem and need your help. Would it be possible for you to see why the top right image is not displayed completely? I have tried a a lot and found nothing.
Here is the link to homepage:
http://myperfume.ir/
Here is the link to full image so that you can see how much it is clipped:
http://8pic.ir/images/03017006756162873819.jpg
Thanks
The image that is being used as the row's background is this:
http://myperfume.ir/images/2_02.png
Which is already clipped, so you'll need to change it.
Your best bet would be to recode the entire website without using tables. You are going to have all kinds of headaches with this structure.