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
Anyone see why my footer is all shifted over with the image as well as the links and copyright isn't showing as it should?
http://kansasoutlawwrestling.com/
mockup:
http://kansasoutlawwrestling.com/assets/images/wrestling2.jpg
You are floating your <li> elements to the left.
Remove the float left and change the css on these to display: inline and it will look much more like your mock up.
It's because line #58 of v1.css floats the whole thing left.
#footer ul {
list-style: none outside none;
margin-left: 40%;
text-align: center;}
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 9 years ago.
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.
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
Improve this question
I've been writing my first HTML CSS website and I'm confused by what is messing up my navbar on Firefox because for some reason it's showing up above the page window. Is there a -moz- prefix that I am missing?
Here's the website: http://fightthefamine.org/
Replace .homepage .navbar with the following in your CSS.
.homepage .navbar {
display: inline-table;
position: relative;
top: -30px;
}
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 have a set of social media sprites aligned in a row, centered in a container with display:inline but I just realized they don't display at all in Firefox. What's the best alternative?
Inline elements don't have height. I assume that you're using sprites as CSS backgrounds, so you'll need to use inline-block and set explicit height and width.
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 have a page set up however I am having trouble aligning the news articles to the center of the page.
Here is a link to what I have so far -
http://casb1.cloudapp.net/1016/1be61016ff9a717aa34c2adf7c5aa79e/3D%20Design/news%20articles/news.html
Basically I need the red area to always be the same distance from the edges, even when it expands. Is this possible?
The red container has the css of position:absolute
Any help would be hugely appreciated.
PS. this is only my first week of learning css and html so please forgive me if it is something simple.
Thanks
I think you don't need the position:absolute you can delete this property and add this:
.collection {
display:table;
margin:auto;
}
There's a lot that can be impoved, but going to your question, I'd do something like this:
.collection {
position: static;
display: inline-block;
}
.roundcont {
text-align: center;
}
You basically need to remove the position: absolute; attribute from your .collection element and change its display to inline or inline-block and then set text-align center; to its parent div so now it looks centered.
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
A copy of my page can be found here.
I cannot figure out what css or html could be causing the 10-15 pixel gap that can be seen between the footer banner image and the end of the page. This is based on the WordPress theme twentytwelve.
This fixed it for me! It's the 2 span.statcounter's towards the end of the page that are pushing it down.
.statcounter {
display:none;
}
there is two <span> after footer with 16px height. you can use this code to remove that space:
.statcounter {
display: none;
}
reason of this issue is javascripts below footer, put javascripts between <footer> and </body> into a <div> with 0height, 0margin, 0padding, overflow:hidden;
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
How to put rectangle between triangle? http://goo.gl/EgXE5k When I remove text from rectangle it returns on its normal position. `
Float them all left:
.left,.center,.right {
float:left;
}
jsFiddle example
You can use
position: absolute;
and then design left and top attributes for each DIV
Updated fiddle
add this to the rectangle:
vertical-align: top;
http://jsfiddle.net/HMfz7/