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 need to have two cells equal in their height and they need to be one below the other.
the height of them should be change base on the windows size. (I know the windows size with js)
is there possible ? screenshot of the layout is attach.
quite easy. just like this: http://jsfiddle.net/wuo6yyme/
html, body {height:100%}
.container {height:100%}
.div1, .div2 {
height:49%;
width:100%;
background-color:red;
}
.div1 {margin-bottom:2%;}
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 4 years ago.
Improve this question
I can only change the pictures using HTML and CSS. Clicking on the middle image, I want to see her big form, click the picture on right and see her big picture.
you can use image size:
img.resize {
width:500px; /* you can use % */
height:500px;
}
and for selected image you can use this link:
https://www.w3schools.com/cssref/css_selectors.asp
You can use element.active of Css
img:active {
width:200px;
height:220px;
}
You could use the CheckBox Hack for that.
When the checkbox is clicked, you increase the height and width of the image
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 a problem with my website , I cannot figure out why the footer does not go down.
position:fixed is your friend. Check this fiddle:
I just updated this CSS block:
.footer-id{
padding-top:1%;
position:fixed;
bottom:0px;
left:0px;
width:100%;
}
With that rules above I told the browser to fill the full with and to put it non scrolling to the buttom.
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'm havng this small problem with my dropdown menu.
I need the width fit the content inside the content
In my css I'm using
width: -ms-max-content;
width: -webkit-max-content;
width: -moz-max-content;
width: -o-max-content;
But it´s not working on IE, is there another method for doing this?
Thanks
Can you please try this code?
ul li a{
white-space:normal;
}
Get rid of the pull-left classes on your images, then it will work without having to use max-content.
Working Bootply
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 tried to set the background-color to a div, but the top of the div remain uncolored.
I tried padding-top and padding-right, but it is not working.
I need some help,please.
Thank you.
*{
padding:0 ;margin:0;
}
Every browser has its own user agent style sheet. So you have to overide it before starting HTML/CSS.
Use the above code.
for detailed explanation refer here
I think that your problem is in the body.
Add this to your css file
body{
margin:0;
padding:0;
}
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
Here is a codepen link:
http://codepen.io/anon/pen/lfoxv/
As you can see, the layout loads fine, but upon any kind of resizing of the browser window, the layout breaks until the page is refreshed.
This seems to be the only combination of parameters that allows me keep the aspect ratio of an image when using percentage based divs. Fixed height layouts are tough...
I fixed your code. Please see this link: http://codepen.io/anon/pen/bBjDm/
Your code:
#middle {
background-color:rgb(200,200,200);
display:inline-block;
height:100%;
<!--width:auto;-->
}
Updated code:
#middle {
background-color:rgb(200,200,200);
display:inline;
height:100%;
<!--width:auto;-->
}