All Questions
121 questions
-4
votes
1
answer
49
views
How can design using pure css? [closed]
This is the image I want to design using pure css without background image, can use background color. Any suggestion me to do design for above mentioned image.
0
votes
2
answers
250
views
Top navigation icon stays on left side
The mobile top navigation icon for my webpage appears on the left side of the screen (next to the logo) despite having the float right value. When I shrink my browser to tablet size, however, it ...
user15569150
0
votes
1
answer
155
views
How to get share buttons to be responsive to the Side float and bottom float
I am having difficulty in getting the share button to be responsive to the side when the screen is enlarged and when it is smaller to be bottom floating like this example:
Full Screen:
Small Screen:
...
- 932
0
votes
1
answer
9k
views
Responsive Media Card Image on left, text on right
Here's the my current code in jsfiddle:
<div class="card-container">
<div class="float-layout">
<div class="card-image">
<img src="...
- 23
0
votes
1
answer
57
views
Why the layout is not being displayed like in the image?
I want to have a layout structure like in the image, where the "Header" text is aligned at the center and the link aligned at the right and in the left column I have some text and below each text, an ...
- 63
1
vote
1
answer
288
views
How do I remove the CSS:Float property when image occupies >50% of screen
I have a mostly responsive Wordpress website with some images aligned either left or right. I want to remove the float property of these aligned images when they occupy a percentage of the screen (...
- 11
1
vote
2
answers
49
views
Left–right floating with text and images isn’t applied when text gets shorter
I wanted to make text with the image left and then text with the image right. On small screens the image should appear on top of the text. Everything worked fine until the text is getting shorter.
...
- 11
1
vote
1
answer
58
views
Combination of CSS floats and divs + Responsive
So I'm trying to get what I'm envisioning in my mind using a combination of floats and divs as well a responsive image for my background and text. A few steps to take here.
1. First one being this ...
- 593
0
votes
1
answer
50
views
How to display child element ('.cylon') without specifying the height of the parent
Would anyone know how I can get the child element (.cylon) to display without specifying the height of the parent (.container)? I want the container to have a fluid height to be able to display the ...
- 107
0
votes
0
answers
47
views
Navigation float right part
I have a question if and how the following is achievable through CSS:
View 1 (large screens):
View 2 (medium-sized screens):
Secondary question: How to center the navigation elements as soon as they ...
- 551
-1
votes
4
answers
1k
views
How to place image side by side on desktop mode but image above the text on Mobile?
I want to add an image to my website such that it floats left to text on maximum resolution ie; @media (max-width:1200px)
But It should be on top of text when in mode of a mobile device ie; @media (...
0
votes
4
answers
150
views
Float left not working as expected
I have 4 divs that has display:flex row that is floated left. I am trying to get it to be responsive when screen size is shrunk. However, the blocks wont move.The .box supposedly break whenever it ...
- 457
0
votes
1
answer
5k
views
"Float" div in flexbox layout [duplicate]
EDIT: The linked question "Is it possible for flex items to align tightly to the items above them?" is indeed very similar, and provides a lot of useful information. However, the solution I provide ...
- 3,924
2
votes
2
answers
312
views
How to stretch and center an unordered list?
I want the ul in nav to take up 66% of the page width, and the six items inside can then be given width accordingly.
Here is the problem, I am coding with my screen at 1024 to start with, but when I ...
- 27
0
votes
0
answers
67
views
Why is clearfix done the way that its done?
With clearfix you're using generated css content to create a div after all its floated siblings, so its parent doesn't collapse. My question is why use generated content? I've noticed that simply ...
- 95