All Questions
98 questions
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
votes
2
answers
73
views
How to wrap elements around a central image
I have a container that has an image that needs to be centered and multiple buttons that should wrap around the container.
Floating left or right gives the correct behavior but the goal would be to ...
- 3
1
vote
2
answers
49
views
How do I make a header element appear in front of an article element
I have a header element that I want to be sticky and appear in front of my article. I have tried changing the z-index but I cannot seem to get it to work.
Does z-index not work at all when I have ...
- 23
-1
votes
1
answer
280
views
How to create a unique URL for a unique information in a float tab on a page?
I am creating a page but there is a problem with how to make the URL directly to the unique information on the page.
For example: page
I would like to make the URL directly to the day 2 track 2. How ...
3
votes
1
answer
132
views
Create floating elements with css rule on odd elements and display none / block in HTML / CSS
I am doing a program with a list of elements (float or flex) that might have a display of "none", that can change dynamically. I manage to do it in CSS when it is defined with a selector :
div:nth-...
- 33
0
votes
1
answer
219
views
Auto fix the width of a floating div to image size
I'm wondering if there is a way to force a floated div that contains an image and some text to not stretch beyond the width of the image (rather than the text) and so force the text to wrap at that ...
- 1
0
votes
0
answers
405
views
Append Divs next to each other and center
I am appending multiple divs to another div. I want to append 3 divs in a row and then go keep appending below that. Is there anyway to do that?
Right now with my code:
$('#append_div').append(`<...
- 1,381
1
vote
2
answers
69
views
How to Let Float Items Split the Blank Area in Average?
Please run this demo:
.app {
background:pink;
width: 90vw;
overflow: hidden;
}
.app__item {
background: lightblue;
width: 200px;
float :left;
margin:5px;
height: 40px;
}...
- 5,399
1
vote
2
answers
1k
views
input Text box move to new line
I seem to have a problem with regards to moving my textbox back to its original division. Every time I put the search bar back into that area. I'm trying to make the BBC news website but it seems to ...
- 15
1
vote
1
answer
343
views
Div doesn't send object below another object
Please check this codepen:
https://codepen.io/Bhoopalan/pen/KybKRy
<div row id="container">
<div class="box">Box1</div>
<div class="box">Box2</div>
<div class="box"&...
0
votes
1
answer
209
views
How to circumvent float:left; behavior in a masonry layout
Here is a page I am working on:
https://1stamender.com/testing-elements.php
This is basically a list of latest articles on my site and right now I have a UI I'm looking to improve. Right now I have ...
- 33
0
votes
0
answers
44
views
Why does hiding a neighbor element breaking my float left?
I have several of these tabs that I would like to be able to collapse them. I am using a directive to show/hide the content underneath. When I do, the icons seem to move over to the left a little bit ...
- 2,261
0
votes
1
answer
242
views
Align divs on the left with css, separating them into groups, without line break
I'm looking for a way to align divs on the left, though, keep them divided into groups, without a group breaking the line. The code below comes close but I would like to get the result of the image.
...
- 13
1
vote
2
answers
121
views
Make side content float always in the center?
How can i make a slide content always floating on the right side vertically centered? So that when the content is too long the slide will always be at the center?
Here's a screenshots.
Im using this ...
-1
votes
1
answer
47
views
Why Is My Image not floating next to my paragraph with the image i created in JS
I've literally tried everything possible from removing absolute positioning from the class, to removing one element.
The problem I want my new image I create in JavaScript to blend in and take the ...
- 23