All Questions
13,633
questions
0
votes
1
answer
26
views
Children in flexbox not responding to order and align-self
I am trying to create a responsive island scenescape by overlaying three elements: I would like to place the palm tree on the sand island to the left, and position the text to float in the space to ...
- 1
-1
votes
0
answers
16
views
Making an image responsive - possibly involving container [closed]
We are using Tovuti LMS. Everything is configured using their software, but they allow us to input CSS and JavaScript. Unfortunately, most of the site is designed to only be ran at 1080p. If a ...
- 1
0
votes
1
answer
25
views
<img> element not showing after <canvas> element [closed]
For some reason the <img> element is not showing.
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9....
-3
votes
0
answers
19
views
I am trying to look for a better practice and convenient method to make the grid images more responsive [closed]
I have been trying to replicate a website which I found from frontendpractice I am pretty unfamiliar with css grid and instead wanted to opt for flexbox for the console display boxes, but used grid ...
-3
votes
0
answers
45
views
how to combine the two background images proportionally
The idea is to create an area for a new theme, scrolling website
The idea is for the images to be joined together to form one, but separating the home page from a new section, where I will introduce ...
1
vote
1
answer
42
views
Why does a div with display: block (default) not expand to vertically fit an image without overflow but changing it to display: inline-block does? [duplicate]
I have a div with a background color via background-image:linear-gradient, and with the div's default display as block it doesn't expand vertically to fit the image, the image overflows over the ...
-1
votes
3
answers
40
views
How to keep the Image in square shape in any screen dimensions
I am stuck in image dimension change on-screen responsiveness.
I have 4 products with images in one row. I wanted Images in square shape so I gave them the fixed height and auto width. they were ...
- 599
-1
votes
0
answers
26
views
HTML coun'd locate my image when I put the folder into my django app [duplicate]
Before I put the html file inside the template folder follow along with my dijango project, it work perfectly. However, when I build a template folder, and put my CSS and HTML file in, the images are ...
0
votes
0
answers
46
views
object fit: fill is not stretching the image and I want to stretch it [duplicate]
My question is not similar to this question because in this question op wants to fill the image, clipping it if necessary, however for me, I want to stretch the image, not clipping it but matching the ...
- 352
-1
votes
1
answer
33
views
Image not displaying inside of div on HTML site
I am new to HTML and CSS, and I am programming an online portfolio for myself. When attempting to add a background image with the usage of a div and external CSS, I am unable to get the image to load ...
1
vote
1
answer
34
views
The size of the image is too big for the button... Any tips?
BEFORE AFTER! the light gray is the button. I have this css for my html button:
.link-container button {
background-color: #444;
color: white;
border: none;
padding: 10px;
border-...
1
vote
2
answers
63
views
Seamless alignment of background images?
I would like to highlight some cells in a table by underlying them with hatching patterns.
If two cells with the same pattern are next to each other, the pattern should cover both cells seamlessly.
...
0
votes
0
answers
26
views
Image reveal on Hover CSS Squarespace
Currently Have the following CSS in place
.header-menu-nav-item:nth-child(1)::after {
content: url(link); /* Set content here */
position: absolute;
top: 50!important; /* Adjust vertical ...
3
votes
2
answers
83
views
Is there a way in javascript to reduce the blur of an image in steps through a loop and a variable?
I am trying something like this:
let str = 10;
let blu = "px";
let val = "";
function check() {
if(a < b){
str = str - 6;
if (str<0){str = 0}
val = str+blu;
...
- 43
-5
votes
1
answer
35
views
How do I cut off an image in CSS/ HTML5 [closed]
I have a circular image on a webpage, and I need to cut off the bottom of it for stylistic purposes. Any ideas on how to do it? Here's the image
I tried editing the picture, but I want to know how to ...
- 1