Category "css"

How overlap an image over a circle?

This is the circular effect I trying to reproduce. There is a grey circle and a animated spinning red reticle when hover over the picture. I try with border-

Align button to the right in td element

I have a <td> element with content and a button. The width of the content should be all except the width of the button which will be fixed. The button sho

Align button to the right in td element

I have a <td> element with content and a button. The width of the content should be all except the width of the button which will be fixed. The button sho

Reduce Bootstrap list width

I am creating a list and styling it with Bootstrap. The HTML looks something like this: <div class="list-group"> <a href="/link" class="list-group

How to hide select options using css in IE?

I want to hide the options for a select tag and below is the code I have written. This works well with Chrome and Firefox but not with IE. <style>

can't change h1 font-size in print preview

I can't change h1 font-size in print preview. although every other property works, the font size doesn't work. body{ margin: 1%; padding:1%; backgrou

css media query adding class to HTML

I have this HTML: <li><a href=""><i class="fa fa-iconname" style="vertical-align: middle;"></i>Link Name</a></li> I am th

How to remove default button border with CSS

I have a rounded button like this. .rock{ height:100px; width:100px; border-radius:100px; border-color:yellow; border-width:8px; } <button class="rock"

How to make columns equal height if siblings are hidden?

I am trying for equal height columns and implementing this on a Bootstrap carousel for a testimonials page. I want the height of all carousel items to be the sa

css media query adding class to HTML

I have this HTML: <li><a href=""><i class="fa fa-iconname" style="vertical-align: middle;"></i>Link Name</a></li> I am th

How to make scrollable pop up box?

https://codepen.io/anon/pen/dWaWor When I click on the button "Creation Process" I cannot scroll in the lightbox. The lightbox has a fixed position because wh

Javafx - change Theme (CSS) on active window

I want a Button that allows me to switch between Dark/Light-mode. But I have the problem If I switch, the active windows will not change their Style. First of t

How to fill vertical space with flexbox?

If .right item stretch height to any size, how to make .item elements inside .left to fill vertical space equally? From: To: .container { display:

Linking an external stylesheet to only specific HTML elements

Can I link an external stylesheet to only a specific element of an HTML file? I tried this: <div id="main"> <!-- I don't want to style .alert from th

How do I link a CSS stylesheet from another folder below in the directory? [duplicate]

This is what I'm trying to link into my HTML and it's not working I tried taking off the two periods and that doesn't work either. <link r

Divider in divs with Tailwind

I have this now <div class="w-2/3"> <h2 class="text-2xl font-semibold">Ordered Items</h2> <table class="w-full border-collapse"> .....

How to avoid CSS conflicts in ReactJs

I am not at all an expert in react, but from what I could see if I import some css sheets these will be for all my application. If I wanted to use react for a m

how give line-height to an img's alt text in CSS

i have given to all my img alt text a specific font-size, so that they can be more readable if the img doesn't get loaded. But still the line-height is still to

How to change position of the Earth in WebGL Earth

I am using this webgl earth for the project, but I can't seem to find a way to change the position of the planet on the canvas. My desired goal was to put the p

(Devanagari Font) How to ensure all parts of the text are visible in a <select>?

I'm using a Google font Noto Sans to render English text along with Hindi (Devanagari) in a <select> But some of the Hindi characters seem to be cut off f