All Questions
170 questions
0
votes
1
answer
92
views
What's wrong with these CSS Media queries? - or with me. It has to be one of the two of us at fault
So, as far as I ca tell, my code ~should~ work. but it doesn't. Chrome's developer tools show me that my browser is recognising the >501px condition and applying the CSS, but not the smaller ...
0
votes
1
answer
105
views
Why doesn't float property not work with images and paragraphs?
I have a parent element which has a child element of an image and I have a paragraph element (sibling with the parent of the image element) with some lorem ipsum text. Why is that when I code float: ...
0
votes
1
answer
35
views
propper adjustment of text and list floating around figure/image # flexbox vs float or other methodes
based on this question:
Image get misaligned in markdown when using align right or left
First try with float - sub optimal positioning of bullet points
img {
float: left;
margin-left: -52px;
...
0
votes
1
answer
28
views
Why does an unloaded image without the float property not have its specified height and width (but with the float property it does?)
Code-pen link
In the above link, I have an image (without a valid value for the src attribute) and some text nested with in a element:
<img src="" alt="Yellow Lady Slipper" ...
1
vote
1
answer
87
views
How can I align images in side columns to text in the middle column without overlap?
I downloaded some book and magazine covers and want to use them in the margins of some filk I wrote. I want the verses to be centered, with left and right margins large enough to contain the covers ...
0
votes
4
answers
766
views
Display picture to the left of a div card
For a project, I need to reproduce the following card element.
However, I have a little problem, I just can't put the picture to the left. I tried to use float: left; and some, quite questionable, ...
0
votes
5
answers
1k
views
How to place two img next to each other for desktop but only one for mobile
For mobile there should only be one image showing, but for desktop there should be two img next to each other. The two images are in one section but separated in their own div.
Picture of HMTL section ...
2
votes
2
answers
552
views
Floating a div with image results in extra space
I have a div which floats left. Inside the div, I have an image. Following the diff is a paragraph.
I expect the paragraph to wrap around the image but I am seeing plenty of white space.
.class-0-...
0
votes
1
answer
64
views
List of images is displayed wrong when a link is used around img
I would like to have a list of images floated in left and placed in div containers. Code based on W3 web. Here is the illustrative Example.
There are images with title on the Projects section. Is it ...
0
votes
1
answer
128
views
why is CSS Float property overlapping below content?
I'm having issues with how my CSS float property aligns. In the "About Me" section, I want the <p> elements to be on the right side of the image however, the text and information in my ...
0
votes
3
answers
1k
views
How to make image inline with text
I'm learning html and have run into some issues when trying to code my own blog page.
I'm trying to create a little section that brings you to the latest post but I'm having trouble with layout.
I ...
0
votes
1
answer
61
views
img float:right; Div overflow:autoI
I want to decorate a text with an img at the right border,
this is my code
<img width="276" height="183" style="float:right; margin: 0em 0em 0.5em 0em;" src="...
0
votes
0
answers
45
views
cant float two items inside of a grid element
I have a grid with a bunch of items. One of the items contains an image and some text. I want to float the text next to the image but can't get it to work...
See code below:
<div id="blog-post-...
1
vote
2
answers
98
views
Why image not shown fully, because of float, or image above?
I want that text2 stands next to image3 on the left side in the middle, but unfortunately its not shown fully and goes visually under image2. It has something to do with the float tag in the css code ...
0
votes
2
answers
96
views
How to offset a float image vertically?
I'm making a page with some text, but I want to insert an image to the right of the text. I managed to make the text wrap around the image, but it seems I cannot move the image except right and left ...