Questions tagged [css]

-5 votes
1 replies
Browser is not displaying images
For some reason any of the programs is displaying any images, <img src="" width="" height="" alt="" > I was working a couple days ago,...
asked 1 month ago
1 votes
2 replies
Is there a way to move an HTML object if the object is too close to the border of the window?
Context : When I hover on the tag image, a box shows up and it shows the artwork infos. My problem is, if the tag is too close to left or right b...
asked 1 month ago
0 votes
0 replies
How to dynamically change headers in ng-smart-table?
I need to change the column names or headers in ng-smart-table, either dynamically or after some event. I use the tableSettings to define the f...
asked 1 month ago
0 votes
2 replies
Flexbox layout with two columns on desktop and one column on mobile
Simple layout with flexbox question: Desktop Layout requirements Two responsive columns 1st column with 30% of the width 2nd column with 70%...
asked 1 month ago
0 votes
2 replies
Internet Explorer Compatible CSS Filter Generator
I am looking to write image filter declarations in IE syntax and was wondering if anyone could recommend one of those css generators that also wr...
asked 1 month ago
2 votes
3 replies
Change the digit format pagination in the slider
There is a Swiper slider, now the pagination looks like 1 - 3, I need to be like that 01 - 03. Here is a demo https://codepen.io/anakin-skywalk...
asked 1 month ago
1 votes
2 replies
How to display input text correctly in this code
I am trying to display, inline, the 3rd option "Custom" with some text and input boxes so that it reads. Custom: I would like [ ] x [ ]. Howeve...
css
asked 1 month ago
1 votes
2 replies
how to get input to stretch to 100% in flexbox div with justify-content center
I cannot get the input in the snippet below to stretch to 100% of containing button without doing something like width: 150% .explore__colu...
asked 1 month ago
-3 votes
1 replies
Items in flex container overlap
When I try this code, the two dots overlap each other as well as the text. Why? How can I get them to be side by side? .container { dis...
asked 1 month ago
0 votes
0 replies
CSS Responsive Menu Selects Incorrect Item on Mobile Browsers
I'm using ul with li to create a responsive navigation menu using HTML and CSS only. I have main lists nested with hidden list items on my menu....
asked 1 month ago
0 votes
0 replies
Rollback from scss to css version stays under scss
I registered in a commit my version under .css to try to transform it with under .scss. I first replaced all "css" words/parts of words of the a...
asked 1 month ago
0 votes
4 replies
css - Automatically resize image to fit on screen (without Javascript)
So, I have an art website, with each work getting its own page. The works are mostly photos, meaning they have higher resolutions than most scree...
asked 1 month ago
0 votes
1 replies
Hover/focus state activated initially on page load
I have a module that shows/hides content when engaged with via hover or focus states. I want to have the hidden content within the first section...
asked 1 month ago
0 votes
3 replies
How to positioning items in div
I am learning how to make websites. This is my body tag: <body> <h1 id="title">Title</h1> <div id="loginContainer...
asked 1 month ago
0 votes
0 replies
Is there a way to align divs as a grid with different height and width? [duplicate]
I need to implement a fairly run-off-the-mill masonry layout. However, for a number of reasons I don't want to use JavaScript to do it. Param...
asked 1 month ago
0 votes
0 replies
Using EmbeddedResource font files with @font-face in CSS
I have the following task set up in my project's .csproj file: <Target Name="BeforeBuild"> <ItemGroup> <EmbeddedResource In...
0 votes
0 replies
SVG path fill issue in Chrome
I'm having an issue with simple SVG animation in chrome. It works fine in FF & Edge on desktop, but not in Chrome on desktop or Android....
0 votes
0 replies
ie11 pressing [Enter] in input text field results in text wrapping
This must be one of the weirdest bugs I've ever encountered in my Web development life. What you see below is a screenshot of a styled but simpl...
asked 1 month ago
-1 votes
2 replies
Bootstrap 4 Container Width Incorrect
I am using a Bootstrap 4 "Container" to wrap my footer in. The Container width does not cover the bottom of the screen as expected. If I change...
asked 1 month ago
0 votes
0 replies
What happens when the Chrome browser refreshes the page and the transiton property is automatically activated?
.sub { width: 100px; height: 35px; background-color: #fff; color: black; border: 1px solid #ccc; border-radius: 3px; -w...
asked 1 month ago
0 votes
2 replies
Trying to get the images to fit in box and Boxes to be responsive
I am trying to get this code to work I am about 90% of the way there, but am having difficulty scaling and making flexbox responsive. What I wan...
asked 1 month ago
2 votes
1 replies
How to make my element take 100% of the screen width even if it is inside an element that take 80% of the screen?
I am working on a ReactJS project and I am facing a CSS problem. I will explain exactly what I want to achieve and what I have done so far. My...
asked 1 month ago
1 votes
0 replies
How to get ::after displaying content? [duplicate]
I'm having trouble understanding the behavior of the CSS :after property. According to the spec (here and here): As their names indicate, the...
asked 1 month ago
2 votes
2 replies
How I can split HTML table after 'x' number of columns?
I'm trying to get a table row to split in half and stack after so many columns, but how can I do this with CSS? I have tried to target the 12th...
asked 1 month ago
0 votes
0 replies
SASS styling not working with IE and firefox while printing on page
I have an sass file which contains the print layout of my data. When I set the size: landscape, it works fine for chrome browser. I need to set u...
asked 1 month ago