Category "css"

Open Div from Left to Right onClick

I have HTML like: a#clickme{width:20px; height:20px; background:#444; cursor:pointer;display:block; text-indent:-9999px} div.mydiv{width:200px; height:200px;bor

Summernote remove resize bar

I'm using summernote 0.8.2 and I'm trying to remove the resize bar at the bottom of the text editor like the one shown here. I tried options such as the ones li

How can I disable auto new-line in Visual Studio Code?

The problem is after I've installed the Angular extension in Visual Studio Code, I constantly get across all files (.ts, .html, and .css) auto new-line after ty

CSS Show border after heading

I want a heading like shown in the picture . Currently I have 3 flex columns: <section id="section1" class="py-5"> <div class="container">

Somehow my Javacript code is affecting my CSS Intellisense - Need understanding

Hoepfully I am not re-treading old ground. Most likely it's my lack of understanding on how vscode works, but would be greatful for some insight. Tried this on

Click button copy to clipboard

How do I copy the text inside a div to the clipboard? I have a div and need to add a link which will add the text to the clipboard. Is there a solution for this

How do I reliably draw a 1px border around the viewport?

I'm trying to work out how to draw a 1px border around the viewport. I would have thought this would do it, but it doesn't. It mostly draws the border, but when

Angular Bootstrap dynamic dropdown menu overlaping

I am trying to develop a dynamic menu with angular and bootstrap for angular. Specifically, I have been able to get the menus and submenus to display on the pag

full width responsive image with image tag in Rails 4 app

Im using the code below to make header images appear randomly in a app I´m making. I want the images to span the whole width of the screen but somehow it

How can I move a label to the left of a checkbox in Bootstrap 3?

Is there anyway to get the text of a checkbox to be on the left side of the checkbox? I have tried and tried but cant get it working. I'm using <div cla

Bootstrap grid for printing

I would like to design a report page with a different layout for printing to mobile. I am using bootstrap v3. It seems the grid can't differentiate between the

How to get the width of a line of multi-line text use Javascript

Line f.e.: <p style="width: 300px;">asdasd sa das d asd a sd as das dasdasdasdasd saddasdasdasdasd asdasdsd</p> The width of P is 30

Don't Want Include Tag's Stylesheet to Mix With Current Page's

I have an include tag in dashboard.jade to include my header.jade file, but the header.jade file has its own stylesheet and when I run it, dashboard.jade's styl

how to detect the first page on jsPDF

how can I detect/condition on the first page on jsPDF?? I want to detect the first page so I can apply top margin only on the first page and not on the next pa

How to change the length/position of text-decoration:underline?

I would like to have some words underlined where the underline can be a different length. I would also like to be able to change the position of the underline

PHP/HTML: Creating A SubMenu

I have this filtering feature on my program. It is in the form of a drop-down list. I'm currently using the Select-Option method to display the options on my dr

align three buttons horizontally (left, center, right)

html <div class="download-buttons"> <div class="download-button-wrapper"> <div id="dd" class="desktopBackgro

CSS Semi-Transparent box

I want a semi transparent div for better readability of the site's content, over my background image. The div has rounded corners, and I am having trouble combi

Ways to change margin by screen size

How I can set this CSS margin: .url { margin: 10px 0 0; } When screen is resized? From margin: 10px 0 0; to margin: 20px 0;

Apply draggable="false" to all images at once with CSS

In order to prevent from users dragging images on my website, it seems I have to do like this : <img draggable="false" src="../example.jpg" style="width:100%