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.
Related
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
The website is www.roshankrishnan.com
It appears to be fine in Chrome, IE, and Safari, but for some reason Firefox messes up the alignment of my navigation bar so the words are not correctly placed in the white bar. I can supply code if needed, but I don't even really know where to begin with this, as I'm sure if I edit my code it'll affect the appearance of my site in other browsers.
Try adding a reset script to your css; e.g. this one
This will reset all values to default and override any mark-up the browser adds.
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; }
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
Anyone out there able to help in figuring out the IE mystery of relieving this gap? Has me and my team boggled as in how to get rid of it from Internet Explorer. Seems to be fine in all other browsers that were tested in their latest versions (Firefox, Google Chrome, Opera & Safari).
I tried to set an image in the HTML using CSS, but then it applies to all the iFrames unless someone knows how to set an iframe image to either not appear or have a white background using CSS. Seems that the 'background' attribute does not apply to iFrames.
Here is a link to the development site .. dev576.webdugout.com
Hope I gave decent information for background.
Thanks in advance!
An image can be found below since I don't meet the requirements of this site :/
http://dev576.webdugout.com/images/112696/gap.jpg
There is some problem with html inside footerwrap it got fixed when I apply overflow:hidden to id="pageContainer" or to footerwrap. so you can fix the issue by applying overflow:hidden to anyone of these 2.
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.
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.