Collapsible menu: Having trouble with transition for my submenu

I am trying to make a collapsible sidebar by myself using bootstrap only. I need some help with transitions for my submenu. Everything else works as intended so far. I have already tried to wrap e

View details »

Stop table cells from overlapping HTML CSS

I am trying to set up a responsive table where each cell contains an image but with the code I have, the cells overlap. Widths are set to 100% rather than fixed width so not sure why this is happen

View details »

How to filter hidden lists and display the results?

I have a large section of H4 that consist of several hidden LI that once the user clicks on the H4, the list expands. Now this works great in general. However, I want to implement a search filter t

View details »

Main nav starts scrolling and then comes back

On Chrome, the main nav of our wordpress website starts to scroll with the content but then quickly moves back up which creates an unwanted visual hitch. www.vitrinemedia.ca (check carefully the bl

View details »

MDB Bootstrap carousel indicators change position

I'm currently working on a site that uses MDB bootstrap for all the components. I've been working on a carousel that contains cards thats moved left and right based on the indicator being clicked.

View details »

Position “sticky” not working in ReactJS app, and no “overflow” attribute specified in parent

I'm building a React app, and I'm having a problem with position: sticky in my story-header element. I already checked the parent styles and there's no overflow: hidden attribute-value. HTML <div

View details »

Add custom text at the end of ellipsis inline

I am trying to add a text at the end of ellipsis. Basically, i am currently showing ellipsis at the end of 2nd line of a long text. I am looking for a way to display a text "See More" at the end of

View details »

screen split into 2 parts in CSS

I try to display buttons and checkboxes but I don't understand why all my elements are on the left part of the screen. When displayed it is as if my screen was split in 2 with blank div on the righ

View details »

Is it possible to hide columns with empty content via the grid-template-columns definition?

I have a CSS grid with two columns. I may or may not render content inside the first column. In other words, the column div will always be present, its just that sometimes it might not have content

View details »

Combining anchor-offset and target-styling on a html-table

I'm trying to combine an anchor-offset with an anchor-target-style on a table-row. Having the anchor-ID applied to the table row and styling it via 'tr:target td' does achieve the desired look, whi

View details »

Responsive navigation links being pushed under navigation bar when browser is made smaller

I am trying to create a responsive website. I had a navigation bar on top of the page with links on the right and social media icons on the left. When I make the browser smaller it pushes the links

View details »

Multiple choice programming questions

I’m in need of some help with these simple multiple choice coding questions pertaining to HTML, CSS, and Javascript. There’s only 10 questions... any help would greatly be appreciated at least f

View details »

How can the extra space above/below HTML5 video in Safari be removed?

I'm seeing a strange bug (only) in Safari (recent versions, desktop and mobile) where extra space is added above/below an HTML5 video. That might be okay in some scenarios, but in mine it reveals a

View details »

Make table grid have a 3d perspective depth effect using css only [duplicate]

This question already has an answer here: How to create a background grid 3 answers

View details »

CSS transition animation performs differently depending on whether “top” or “bottom” is defined. Any workarounds?

I'm experiencing this is in Firefox 67.0 (64 bit) on Ubuntu 18.04. If an element's location is defined using "top: Xpx;", a transition from one height to another behaves such that the background "r

View details »

how to change svg color when button is hovered

I'm trying to me make an SVG's color change when the button is hovered. I tried using button:hover + svg, but that doesn't seem to work. When I run the CSS, the SVG fills to white and it doesn't w

View details »

How to Remove White Spaces Between Images?

I'm currently setting up a static Jekyll blog, and am trying to have 3 images display in the sidebar as links to other places. I have setup a CSS class specifically for this but Currently they all s

View details »

LESS Sourcemap to parent directory

I have a styles.less file in the directory: /Content/custom/styles.less. And then I have bootstrap.less in the directory /Content/custom/bootstrap.less. styles.less imports bootstrap: /* bootstrap

View details »

How to make an circle infographic rotate - clockwise and counterclockwise - using buttons

Sorry for the confusing title but I have no clue how to start. I have a circle divided into 4 parts. each 1/4 is a step controlled by 4 buttons. Everything is working but not the rotation. I can b

View details »

HTML Text is disappeared due to overlay

I am new to HTML and CSS. I created a svg graph. I wang to place the text(Y axis label) to the left of the image. However, when I try to set x and y , the text is disapperaed once it is overaly with

View details »