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 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
The source code is here: http://bit.ly/17T0cps
I'm trying to make the BIG IMPACT text on top of the water splash. When at 100% view they are, but as I zoom out they look like the picture I provided.
Thanks
Just add
display: block;
margin: 0 auto;
to the img.splash.
To center any div use
positon:absolute or postion:relative and then
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
Related
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
There is an extra 20 or so pixels on the righthand side of a site I am developing. I've been combing over the CSS and can't seem to find out why.It's not so noticeable when looking at it on a computer unless you scroll over. It is apparent on a mobile devices. You can see a live example here http://gregtregunno.ca
In footer{ in your css, change
padding:10px;
to
padding:10px 0;
It's the padding that's throwing it out.
Line 472 in your CSS.
Because you set the width of the footer to 100% plus gave it padding. Either remove the padding, or add the rule box-sizing: border-box; to the footer rules.
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 am trying to make a search input bar and i dont want the text to go under the img
I want it to automaticly be like this. :0
You can add:
input {text-indent: 20px;}
input {
width: 50%;
padding-left: 50px;
/* Makes it not affect width */
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
This makes it so it doesn't affect with width but still adds padding
Using the text-indent is practically the exact same, you still need the:
Fiddle: text-indent
Fiddle: padding
UPDATE: Fixed Fiddle
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 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
Hi I'm confuse how to make this
in my form input:
<input type="text" class="span2">
small background on corner right bottom.
Thank you for help
You can do this using background css property.
background: url('/img.png') no-repeat right bottom;
border-right: 10px solid transparent;
DEMO
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 would like to know, how I can make a sidebar with left margin 0 in the bootstrap 3.
For better explanation, see this example :
Site example
I would like this structure of the side bar.
Bootstrap (2 or 3) doesn't offer the possibility of including a left/right sidebar.
You have to put a <div> with a fixed position, and a height: 100%, aligned to left: 0
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 am using some buttons
and i want to list them in one line. i tried this
.myclass{
position:relative;
float:left;
}
but i didnt work..
Give the buttons a float: left; after your float you have to set the next element clear: both; now you buttons should be in one line.
If the animation destroys your layout give the buttons a with.
You can use a table with a single row. See link for an example.