Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
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.
Closed 8 years ago.
Improve this question
I'm trying to change the location of my button some specific amount of pixels up or down from the current location of my button. Could you please let me know how I can get the current location?
Thanks
One of the approaches: you can use relative positioning
button {
position: relative;
top: 2px;
}
You can also use margin-top
button {
margin-top: 2px;
}
You can simply use margin-top: 2px or margin-top: -2px see http://www.w3schools.com/css/css_margin.asp
Related
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 8 years ago.
Improve this question
I have a sticky navigation, but my problem is the navigation jumps a little as I begin scrolling
http://testdev.co.za/tyme/info/
Can anyone show me in the css where the problem is.
You need to fix the position of your navigation bar using this code
position: fixed;
may be it will help you
You need to remove the padding-top: 25px from the .l-canvas.headerpos_fixed .l-header.state_sticky class in custom-vb.css.
Then you need to add padding-top: 25px to the .l-canvas.type_wide .l-subheader, .l-canvas.type_boxed .l-submain class in the same css file.
Sooooo, in custom-vb.css:
.l-canvas.headerpos_fixed .l-header.state_sticky {
}
.l-canvas.type_wide .l-subheader, .l-canvas.type_boxed .l-submain {
min-height: 100px !important;
padding top: 25px;
}
Any problems let me know.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
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.
Closed 8 years ago.
Improve this question
I'm trying to work out why my background-color isn't showing up. I'm guessing it has something to do with the float, but am not exactly sure why or what is causing it.
http://jsfiddle.net/K4Sw9/
You need to add
<div style="clear:both;"></div>
before closing #header-social.
#header-social-inner:after {
display:block;
clear:both;
content:'';
}
You can add a pseduo element with clear both so you don't have to change your markup.
http://jsfiddle.net/8Nz3z/
Actually, I like this better:
#header-social:last-child:after {
display:block;
clear:both;
content:'';
}
http://jsfiddle.net/8Nz3z/1/
just give a height. like this:
#header-social {
background-color: #111;
height: 125px;
}
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 8 years ago.
Improve this question
I am having problem adding a line between 2 DIVs of the content area (the big image in the centre) and the Poll.
Any help is welcomed, please.
Thank you
Change you #main1 CSS to:
#main1 {
border-right: 2px solid #666666;
float: left;
margin: 0 auto;
padding-right: 30px;
}
Unless you need the background: none repeat scroll 0 0 #666666;, then you will have to do something different with the padding-right attribute.
You can change the width/border style/colour to whatever you need.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
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.
Closed 8 years ago.
Improve this question
I would like to get rid of the large gaps of wasted white space between the two shaded lines for all pages of my mobile site.
Im using #pageWrapper { margin-top: 30px; } for the spacing on my desktop version, but maybe this is not the ideal way? I was asked to delete it, but then it messed up the spacing for desktop view.
my site is http://jeffreydowellphotography.com (im sorry if its frowned upon to post my site link, but i dont know how to show you otherwise) I'm a noob.
You need to apply the mobile styling within a media query:
#media screen and (max-width: 800px) {
#pageWrapper {
margin: 0;
padding: 0 20px;
}
.sqs-layout .sqs-row .sqs-block:last-child {
padding-bottom: 0;
}
}
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 have this page HERE. And the CSS is HERE. I would like <div id="main-img"> to be behind <header>. I have done z-index so many times before but I just cannot figure out what I'm missing here.
Thanks!!
Your div header has position relative, z-index only works with same position type
Try to change your style of your header like this:
header {
top:0;
left:0;
position: absolute;
height: 172px;
max-width: 980px;
z-index: 1;
}