problem with hovering effect it not showing [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 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/

Related

Can somebody help me figure out why this tag is not allowing me to edit the placement of my form? I've uploaded images to better illustrate my issue [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 days ago.
Improve this question
the tag I'm trying to edit
I need to link this element to a CSS tag to allow me to move it around my webpage, however the tag I've given it "GSCOPS" is not being read from my CSS file. I need to link the CSS rules to the element "GSCOPS".
After editing the CSS rules for GSCOPS in the given CSS file, it still isn't reading said rules into my webpage. a screenshot of the CSS code for GSCOPS
If anybody knows how I could link the CSS rules to the form in my webpage that would be great.
Thanks.

Sections partially overlapping [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 5 days ago.
Improve this question
In the picture you can see that part of "Schedule" is overlapping "Networking session". How do I stop this? It appears fine on computer screens but it appears like this on my phone. I do have different code written for screens with widths less than 415px.
what it looks like when one opens the website. Note the available space at the bottom of the table
At first, only the "schedule" would appear without the background. So I added position: relative but it still didn't work. How do I solve this problem? Any help will be appreciated.
[what it looks like after I added display: relative]
(https://i.stack.imgur.com/l5d81.png)

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.

What is the correct css for the list of results to show correctly in this situation? [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 6 years ago.
Improve this question
What is the correct css for the list of results to show correctly? Here are the steps to view the results:
1) Navigate to http://mypubguide.com/good-pubs/east-region
2) Type "Hull" in the search input on the navigation bar and enter
3) Check: You see a list of results but the styling is incorrect, e.g., the anchor tag is not showing the text correctly and other elements look badly formatted.
How do I resolve this?
the line-height of the .gcse-container is 0px. Set it to 20px or remove the rule will solve your problem.

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)