CSS div elements overlaying when they shouldn't be [closed] - html

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I was wondering why the children comments I have are getting put into the header of the next parent comment which they aren't even related to. I tried looking at errors in my html that may cause this but as far as I can tell there aren't any.
The website that contains the issue I am talking about is:
http://web.engr.illinois.edu/~hauger3/
Thank you to anybody who knows why this is happening and can tell me how to fix it.
Note: It will probably be better to look at the html through developer tools as the source looks nasty.

The problem is that your using pull-right which floats the element.
You can easily fix this by adding clear: both; to .panel

It's because of .pull-right class in child comment that adds floating float: right. Change it to padding for example.

Related

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)

Removing a random blank space caused by CSS [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I'm creating a theme for Tumblr and locally everything works fine. Yet when I paste the code into the Tumblr editor and preview it on the site a blank space appears on the top of the page. I've looked through the css and cannot figure out why it's appearing. Any ideas I've tried everything.
Tumblr address is http://storyline-expose.tumblr.com password for it is WIP
Screenshot of the problem:
Add margin-top:0 to .blogTitle
The problem comes with the <h1 class = "blogTitle"> and is well described here:
Margin on child element moves parent element
Another solution (besides Zach's) is to set overflow of the parent element to 0:
.headCoverWrapper { overflow: auto; }

Why does my div start within it's sibling's div in firefox? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
First, the page: https://dl.dropboxusercontent.com/u/238966491/website/index.html
I'm wondering why the last line of text--"Let us protect you, so you can focus on your business."--is starting as if it's part of the Phone div. I want it to start on its own line, but it seems to think that continuing it from where the Phone div starts is a good idea, despite the <br>.
How can I get this div to start on it's own line, so its text is on one line? (It works in Chrome.)
Edit: Here's a CodePen with the problem displayed. A lot isn't working because of the dependencies and stuff, but the problem is still present. See the third section, in the .tagline div. http://codepen.io/bnb/pen/vIBEw
You just need to clear because before of .tagline you have a left floated div. Add this on your CSS:
.tagline {
clear:both;
}

Can't click on links, mark text, how can I fix this? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I am making a website, and I've added a list and made the list links to different websites.
The problem is that on the website it shows that they are links but I can't click them, or mark them or anything. I can't mark the text on the website either.
Yes a bit of your code would be helpful.
But it sounds, that some container overlapping your content if you reduce the size of your Browser-Window.
Just check that
Edit // If that is the problem, try to give your content a higher z-index.
Sounds like you're not using the <a> element.
See this tutorial on how to make a link.

Text appearing stacked in page pseudo CSS3/HTML5 [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
I'm making a web page for a charity and the text on the page is appearing stacked without my intention. I decided to play around with CSS3 and HTML5 (badly) so it won't be fully compliant.
I've tried searching and looked at some articles about how to stack with css3 but it doesn't seem that I've accidently implemented any of these by accident. It's in PHP for no other reason than to use 'include' and because I plan on expanding it so all the html and css you can see on the page is all that's going on.
The footer is appearing behind the main body of text.
http://aberystwythslsc.org/activities.php
Any help would be greatly appreciated.
Your <section> has a set height. Simply remove that and you'll be good to go.