5,972 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
79
views
Is it possible to place an element alongside its previous sibling, without also needing to style the sibling?
To create an aside, it's straightforward to pull an element out of its normal flow any giving it a position: absolute and placing on the left so that it appears as a marginal note:
The basic HTML for ...
- 1,549
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
votes
1
answer
31
views
Large floating element next to automatically sized elements
In HTML, an element is in flow or out of flow.
float: right can be used to take elements out of flow.
In-flow and out-of-flow elements can be combined, i.e. some elements can be in flow while others ...
- 2,468
-1
votes
1
answer
47
views
How to float image over the text in div?
I have a problem with my div style. I want to place the image at the center over text. I’ve tried all of solutions that many websites recommended me but my code still not working.
<div style="...
- 43
0
votes
0
answers
12
views
Why is my float:left and float:none exactly the same, and not far enough to the left/not centered [duplicate]
I'm using neocities to make a website and so far I have found that using div.nameofdiv (what every website I've tried says to do) doesn't work, but #nameofdiv does, I'm trying to make a site that ...
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
2
answers
93
views
Difference between clearfix and clear:both at the following element [duplicate]
I have floated some elements and to make the layout appear proper. I have two ways basically clear-fix and clear:both at the following element.
1)
.extra-float-container::after{
content: "&...
- 39
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
0
answers
16
views
Trying to make a nav with half of the nav left aligned and half of the nav right aligned, with a logo in the center
Like the title says. I am trying to create a nav bar that will be fixed to the top of the screen. I want a logo in the front with 3 items aligned left and 3 items aligned right. No matter what I have ...
- 1
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