How to embed a picture in header? - html

I have a problem. I can not embed the picture in the header, that is even to raise it at least somehow.
I tried both padding and Z, but none of this helped. Padding generally ignores. I can only move the picture back, no more.
How can it be promoted up? Straighten up my code if I did something wrong. Initially I want the picture to be in the top right corner.
Please write a correct code with div style="text-align"...

I'm pretty unsure what your problem is. Maybe
background-position: left/right/bottom/top/center
can help you.
For better help, I recommend you to put some code snippets inhere.

Related

Background image gets choppy through different elements

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.

No images displaying for me , just black boxes just white ticks

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.

Bootstrap white space on the right on mobile view

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.

Getting webpage pictures to overlap scroll

I'm doing the Free Code Camp thing and the first Zipline challenge is to replicate the following webpage on Code Pen. What I'm looking for is a hint or two in the right direction so I can get the pictures to scroll like they do on the webpage. I don't want the answer(s), just a hint or hints in the right direction so that I can do my own work. I think I'm suppose to use CSS, and if that's the case I have no idea which property/properties to use, maybe one of the background properties?
And the hint I was looking for is 'css parallax scrolling'. Thanks for all the help.

How can I get rid of the blank space under the website?

OK, so im working on this website for a friend. The homepage looks pretty good but im having a problem with the 4 pages that are linked at the top. Every time I click on them and they load but there is a big blank space at the bottom of the page. Its not a huge deal but I think it looks funny. Anyone have any idea whats wrong with it? Did I mess up a line of code (probably), and if so, where would that line of code be?
I want the page to stretch all the way to the bottom of the browser windows. Any help would be great, even if you can just point me in the right direction. Thanks!
You should try changing the main table's height from 86% to 100%.