This question already has answers here:
Why is there a pesky little space between <img> and other elements? [duplicate]
(2 answers)
Closed 5 years ago.
I just have a little problem with an image bottom margin.
I don't understand why below the image, we have a little space with the menu. Someone can explain me why ? I want to stick my menu with my image but i can't and i don't know why.
Like you can see in my fiddle, i have already tried to put margin,padding,border=0 but no change.
Here my example : https://fiddle.jshell.net/3s6dv7rk/
Add display Block on image
display: block;
Check this fiddle : https://fiddle.jshell.net/3s6dv7rk/1/
Try this :
<img style="width:100px;height:40px;display: flex;" alt="Ludo et Béné"/>
Related
This question already has answers here:
CSS Only Pie Chart - How to add spacing/padding between slices?
(2 answers)
Closed last year.
If possible I would like to create this image in CSS. So far I have not been able to do anything even close to those edges with text. Is it even possible and if so how should I approach it?
To turn your div into a circle you can apply the following property: border-radius: 100% Now if you are asking about the curved text, here is an article that might be helpful: https://css-tricks.com/snippets/svg/curved-text-along-path/
This question already has answers here:
Border-radius in percentage (%) and pixels (px) or em
(3 answers)
Closed 3 years ago.
Buttons that I want
My current buttons
This is what I want, but currently I can only make them fully round with no flat top. Lost the code to this and am wondering if anyone knows how to do this?
Sorry if I did something wrong posting this, never posted here before
Just add a border-radius to the button.
button {
border-radius: 20px;
}
<button>Click</button>
This question already has answers here:
Shape with a slanted side (responsive)
(3 answers)
Closed 4 years ago.
Im trying to figure out how to solve this but i couldn't find a good option for .
Im trying to describe my problem with 2 pictures.
Im here to learn. Negative reputation doesn't help without saying anything :).
can i do this with pure css or bootstrap??
Also want it responsive.
First picture
Second Picture
Yes, It is possible with pure CSS.
In CSS you have to use :After & :Before for making shapes that you have mentioned.
For making it responsive simply use Flex-box grid.
This question already has answers here:
Flexbox makes horizontal scrolling
(2 answers)
Closed 5 years ago.
Before read my question, it will be better that you watch my site enter link description here http://www.google.com
I want to make Responsive website
So i used flexbox
But some markup lines create a horizontal line for scrolling.
(plz watch red line)
I don't know why it make horizontal scrolling
you can reduce image width or using code:
.dittomall-banner > img { width: 33.33%;float:right }
This question already has answers here:
How do CSS sprites work?
(5 answers)
Closed 7 years ago.
I am examining a website and noticed the following
Consider this navbar
it gets its background images from an image strip, below
How do they extract images from an image strip in CSS? or am I wrong in my interpretation that the images are extracted?
You could use
background-position to show each image in its postion
background-position:-30px 150px;