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

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.

Related

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;
}

How quora put that image on their home page? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I'm really a noob with HTML and CSS skills so I'd like to do this very simple question
I Saw on the Quora Site a very nice image (I'm not sure if that is a simply image or it's another attachment technic) and I'd like to build a similar in my page like the Quora did.
Someone can explain to me How to do it?
It’s not clear which image you mean.
On the home page, there is a background image (stars), which gets inserted via CSS (background property), and an image (earth), which gets inserted via HTML (img element).

Same Css, Same browser, Same site, tested on different computer [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
Homepage Eagle page: /eagles.html CSS: CSS/styles.css
I'm sure I'm overlooking something obvious, but I can't seem to find it.
Both of these pages stem from the same CSS file for formatting. Why does the eagles page navigation bar appear so thick compared to the homepage?
Simple solution, on your eagels.html you have the following structure for your top navigation
<ul>
<h2>
<li>..</li>
</h2>
</ul>
The h2 is wrong there and it causes the navigation bar to be bigger, just get rid of it and it should work.
And the next time you ask a question here, please don't just copy/paste links to your website but show us the actual code here with your question.
Asking Rules Stackoverflow

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.

Why does this not work with 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
So, this is based on WordPress. Here is the blog on safari and on firefox, what is wrong, likely with the css, since firefox it is not displaying the page correctly?
on safari (, mouse hover on first post)
on firefox
html (with php) - pastebin link
html (generated) - pastebin link
css - pastebin link
the first grayed element on firefox is this
Added a jsfiddle: DEMO
The "display:moz-box;" applied to .post-holder is preventing the images from showing up. Looking into WHY now.
I haven't messed with flex-box layouts much at all, so this is largely assumptions. You have a "display:mox-box;" set on .post-holder, but .post-image neglects to set any flexbox properties. Adding "-moz-box-flex: 1;" to .post-image causes the images to display, but likely are not the size you're shooting for.