Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
Hello my image inside css code is not responding on code, you can see on the screen vh=10 but screen is on full size.enter image description here
First Wrap img with div and give image width and height and then try fixing size to div.
Try to define at least width and height, even if you're putting an "auto" on one of these. Also, try object-fit propreties if your image is in a separated tag, or background-size and background-position propreties if you want to keep it as your background.
Hope it'll help !
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I have a question:
How to make a responsive design that when I resize the window the design not change at all(width, height, positions), only the window cover the design/content.
For example this website: https://www.zap.co.il/
How can I dot it if all elements are viewports and almost every element positioned absolutely to the body tag ?
For the viewports I can use SVG - It solving it, but the position ?
I want everything remain the same, thank for your help
this should make your page basically responsive
then for resizing components at different widths
`<meta charset="utf-8">` html code
#media screen and (min-width:800px){
//css code for screen widths above 800pixels
}
css code
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
With responsive designs, I heard we should use "%" instead of fixed measurements like "px" .
But it doesn't work how it should with margin?
I have a logo and links underneath it.
I added margin-bottom: 2% underneath it and it looks perfect from pc
But the links still overlap kinda in mobile.
What to do?
You have a negative margin on #page-header of -16px which is pulling the links back up...
Float your logo to force margin-bottom to work or use padding-bottom instead.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I have this weird white line on my front page that wont be removed. I loocked and cant find what it is. the site is responsive and it looks even weirder on on the cellphone. Can someone help me?
Well you have a couple issues. The quickest and easiest fix is to update the css class
gdlr-header-inner
add background-color:transparent;
That is the first issue is the background is white.
The next fix I would do as an easy fix is to look at the div right after the closeing header tag it should have the class content-wrapper.
To that div I would add margin-top:-95px;
At the end of the day the issue is your header is larger then the top part of the image. I wonder if you should merge the two images and set the background color and the background image to the body tag. Then you wouldn't have to worry about it. You then could still push the top down x pixels
http://www.w3schools.com/cssref/pr_background-position.asp
For starters, the div your logo is in along with its padding are too big for the header.
So it's pushing the rest of the page down.
Try changing the top and bottom padding on the gdlr-logo div.
You have a problem with the height of some elements, like:
.gdlr-logo {margin-top: 26px;}
Try to remove some margins and review the height of elements on the header.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I want to place a DIV at the bottom of its containing DIV. The solution I've used seems a bit tricky.
First of all, my component drops to the very bottom of the page, not the bottom of its parent. Second of all, I worry that if I fill out the space inside the parent DIV, something will be overwritten and look ugly in the future.
So, the question is if it's the best recommended way to place a child DIV at the bottom of its parent DIV. And if not, what's a better way?
This can be done very easily with jQuery:
$("#child").css({"position" : "absolute",
"top" : $("#child").parent().height() - $("#child").height()});
Fiddle.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I'll tell you what I would do
I have to create a simple div with width: 100%
Inside I put text centered (vertically and horizontally)
I would like the text inside the div auto-amended the font size according to the size of the div
I hope I was clear
Thanks to all
Similar things have been asked around here. I myself had needed that once, and found no way of doing that accuarately with CSS only.
I ended up having a Javascript function that took each div and an inner paragraph with a predetermined font-size and reduced its font size until the paragraph had less width and height than its parent div.