Category "css"

make image( not background img) in div repeat?

I'm trying to repeat-y an image that's in a div and no background image but haven't figured how. Could you please point me to a solution? My code looks like th

TreeSelect is hidden behind when using it in a Modal and trying to open it to see it's elements

I tried using the Ant Design TreeSelect component withing a Modal, but when opening that TreeSelect the values of the tree is hidden behind the Modal. I tried

content attribute text color - css

I would like to add color to a text in the content attribute. I did like this, didn't work .atleastTwoChars:after { content: "2*"; float: left; w

Use if statement in layout.html.erb in a Sinatra app

Within my Sinatra application I would like to serve a minified version of my css/js for production but in development keep my default setup (individual files).

disable datepicker for HTML 5 Input type='date'

On a web app with multiple input fields <input type="date" /> I have gotten various complaints from users who find the Android datepicker confusing. They

How to format figcaption to not stretch a min-width figure

I use the following markup to present an image and its caption. HTML: <div class="fig-container"> <figure class="captioned-figure"> &l

CSS :before on inline SVG

Update Thanks porneL for pointing out the relation between generated content and replaced elements. I found this article which deals with this very topic: Int

Wrapping a text around a circular element

I have 2 DIV's as shown below and I've been trying to get the text between the two circles to wrap around the inner circle as shown on the attacthed image. I ha

Center align text in select drop down for all browsers

How do I Center align text in select drop down for all browsers? Its center aligned in Firefox, but it comes to left in Chrome and Safari. CSS: .challenge{

How to fill 100% of remaining width

Is there any work around to do something like this work as expected? I wish there were something like that width:remainder; or width:100% - 32px;. width: auto;

HTML & CSS: Can't remove spacing between elemens

I'm having a hard time to remove the spaces between html elements. I tried display: inline-block, float: right, ul view and many other ways. As you can see in t

How to change navbar background color in react when I scroll

I would like to make my navbar start out as transparent but when a user scrolls the navbar will change color / background-color. I am using a bootstrap navbar a

Bootstrap 4: How to make top fixed navbar stay in container and not stretch?

I'm sorry for my question is may be duplicated to this:Bootstrap fixed navbar inside div or this:Twitter Bootstrap: How to make top fixed navbar stay in contai

What is the best way to break HTML text on slashes (/)?

I have an HTML table 360px wide, which works great. The challenge is that sometimes a url appears http://this/is/a/really-really-really-really-really/long/url i

Javascript detect if child of parent element has a class set

This is my code: <div id="main"> <div class="myclass"></div> </div> How can I detect if inside of maindiv there is an element

how to remove the bold from a headline?

I have a headline: <h1>THIS IS A HEADLINE</h1> How do i make the phrase "THIS IS..." not to be bold and the rest without a change? couldn't find

Can't define cell height with word-wrap

I would like make the table with auto word-wrap when it possible. I'm using white-space: pre-line; css-class property. But then cell height will be changed. See

Lazyload images in three CSS3 columns

I have a website which displays images in three columns. These are all img tags in a div which has column-count: 3 applied. These columns contain over a hundre

Background image in tailwindcss using dynamic url (React.js)

I have an image url fetched from an API and I want to display it as a background image. Is there any way I can implement this with tailwindcss or should I use s

IE11: Printing infinite pages

Basically, in IE11, when you try to print preview (or print, for that matter) this page (and a few others on this site), the page never renders in the preview p