Need help to reduce spaces between banner & content on weebly site [closed] - html

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
I am using weebly templates and working with the CSS files. Here is my site www.zxentest.weebly.com
I need help in reducing gap space below the yellow banner to the faint line at the sides, and reduce the space above the main text..
Could anyone help with this? I have tried to edit the css file and put 0px on most of the margins and padding that surrounds the main body and banner, but to no avail. help greatly appreciated! thank you

After re reading the question what you actually want to do is remove margin-bottom and decrease the size of your padding-bottom to however close you want the text to be to your banner.

Related

I'm having a problems with white part in .html or .css I don't know I'm new to coding [closed]

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 1 year ago.
Improve this question
The problems that I have is that
1st. the image will change when I resize the window but the text won't
2nd. when I put the browser window to the side there is a white box
Please help me with this 2. I'm getting annoyed
I was going as the "Free HTML and CSS3 Course" to make you own website by Bring Your Own Laptop.
you did not share your source code. Regarding your problem what you can do:
set padding and margin 0 to the body of your HTML.
set font size in em, or vw of your text.
write your own css media queries to make a responsive website.
We couldn't got any image or code. So it's hard to tell but for 1st problem I think you are setting font-size in px(pixel). Means it will take a fixed amount of screen size. You could try with something else as abir sikder said em or vw or %.
Also I think
box-sizing: border-box; will help

problem with hovering effect it not showing [closed]

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 2 years ago.
Improve this question
enter image description hereenter image description here
So i'm trying to have a hover effect on my filter as shown on the html and css above but it not applying. However i have figured out that if i remove my "div pul" it works fine but on the other hand I need that div "pul" in order for my filters to be responsive on the mobile side, so if anyone have an other solution to offer it will be much appreciated. I have tried a number ways but nothing.
here is my website: https://mitch73.github.io/Reservia/
Your hover-css is applying.
Your problem is, the a element is an inline element and therefore margin-top is not applied to it.
here is a js-fiddle with your code:
https://jsfiddle.net/edwkaL1c/1/

Problem in removing white space around image [closed]

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 3 years ago.
Improve this question
There is a problem in removing the whitespace from the first GIF I posted for my website. I cannot understand why this particular GIF is showing white space while the others are perfectly normal. Please help?
The problem isn't code related. The image itself isn't transparent so will need editing.
Download Paint.net
1.1 Download link https://www.dotpdn.com/files/paint.net.4.2.install.zip
1.2 Manual: https://www.getpaint.net/doc/latest/InstallPDN.html
You should make your "smile image" as transparent https://superuser.com/questions/508172/changing-transparency-in-paint-net
use the answer by Gruber
Then add changed image to the HTML. The white square will take the color of your background.

HTML/CSS bottom navigation misplaced [closed]

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 am very new at both HTML and CSS but learning on the way. I have come to a stuck point and I can't seem to work it out. When viewing my webpage I have noticed that when I 'inspect element' the bottomnav div and ul div are both the size of my main div which is basically 0.
This is causing my issues in terms of trying to place a boarder on my bottom navigation.
None of the images are working but here it is
Code: http://jsbin.com/xuluqugovu/edit?html,css,output
Thanks for anyone's help on this.
Set overflow:auto on the .main rule (since its contents are floated, it does not expand to contain them)

how to make all elements on a page wider [closed]

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
So I am making a test website and I all text images, and navigation text is in the middle of the page and there is a lot of space on the side. how can I use more of the space on the side?
Use your CSS to define the size of your main content. If pixel size (say width:1000px) isn't enough, then set the width to width:100%.
In any case, you are going to have to do some serious research on CSS and how to use it.