All Questions
3,552 questions
-1
votes
2
answers
49
views
How to make two div tags align side by side in HTML?
Spent a while trying to figure out how to make an image change when I hover over it, which I needed to create two sub-divs inside my main div to achieve. However, when I did that, my links stopped ...
- 1
0
votes
2
answers
63
views
Display list in several columns and keep the number of elements per column equal when their heights are different
I simply need to have an unordered list displayed in 3 columns, but without vertical alignment.
Is there a way to remove the gap between the list element no. 2 and no. 5 in this example?
I already ...
- 690
1
vote
1
answer
54
views
How to have independent column heights in HTML CSS grid?
I'm trying to create the following layout on desktop:
And have it responsively adjust to this on mobile (notice members comes before posts):
And I cannot figure it out. For example, if I have this:
...
- 11.9k
0
votes
0
answers
42
views
How do I flow text in 2nd column around oversize item in 1st column using CSS?
I'm trying to lay out a crossword puzzle in a way that allows previewing on the web, and printing for actually solving the puzzle. The result needs to look good on a sheet of A4 or similar, and have ...
- 1
1
vote
2
answers
60
views
How to align metadata (time and icon) in a chat bubble layout when text is short?
How it should look "the correct version"
How it looks, "the incorrect version"
The metadata looks ok when the text is long, however, when the text is short for example, the user ...
- 21
-1
votes
1
answer
24
views
Size of non-floating element determines if it wraps the floating element
I doubt how non-floating block elements are positioned with respect to floating elements.
Let's consider the HTML code below. The third div is correctly positioned on the right of the two floating ...
- 27
-4
votes
2
answers
85
views
how to float divisions side by side like professional web developers?
I am not getting how to float the second division to the upper right corner of the main division.
html {
width: 100%;
height:100%;
}
body {
width: 100%;
height: 100%;
font-...
1
vote
4
answers
92
views
How to float elements from bottom left corner to top right corner
Is there a smart and simple way to float elements from bottom left corner to top right corner?
My solution with display:grid is too static and has fix cols and not more than 10 items. I`m searching ...
- 11
0
votes
1
answer
64
views
Floater container goes under floater img
Trying to make a brick-like layout. It worked at fist, but now it seeps i can either place an image (and the box will render under) or the box (and the image will render under)
wrong place
code:
* ...
- 3
0
votes
1
answer
47
views
Problem fitting two divs side by side in HTML [duplicate]
I am trying to make two divs stand side by side on the webpage using the float property, as described here. However, it isn't working as expected. What do I need to do to fix the issue?
(Please note ...
- 19
0
votes
2
answers
68
views
Hover not working even with correct syntax?
I'm working on my final project for school, and I'm trying to code a piece of text(d0 in this example) to appear when I hover over the door, which is a class for an image.
body {
background-...
0
votes
1
answer
44
views
How to "float" absolute positioned span with inline-block text?
If the text reaches the absolutely positioned span element, it should flow around it. If the text within the div element does not fill an entire line, the entire line should not be colored when ...
2
votes
1
answer
57
views
behaviour of inline-block element with float elements
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
}
.uj {
background-color: aqua;
display: inline-block;
}
.qw {
height: 200px;
float: left;
}
...
- 61
0
votes
0
answers
61
views
How to move text to the top next to the image
The red line should be place in the blue line
Just like this
I dont know how to fix this with the "float" method , because when i read lots of tutorials they said i have to use the float ...
-1
votes
1
answer
50
views
How to move links to the right in a footer
I am quite new to this so sorry if this is a simple fix but I've been at it for over an hour and just cannot work it out, All I am trying to do is create a simple footer for my first website and I am ...
- 1