Category "html"

Line break when combining image_tag and text in Rails navbar

I want to combine a logo and the brandname as text in my bootstrap based navbar. The problem is I can't figure out why there is a line break and the text not on

How can I overlay multiple PNGs and have each of them clickable in their visible area?

I need to set up a clickable image system for dynamically created content. The image consists of a background image, and several grey-scale mask images. Backgro

How to remove last element in calculator?

I want to remove last element when I click on '<-' button. But for some reason, it's not working what I have. I am removing the last number from div using re

Add link tag using only for homepage in bigcommerce

I want to add <link rel="alternate" href="https://www.example.com" hreflang="en-us" /> this kinda of link tag in my bigcommerce site using jQuery or anyth

Showing a loader while waiting for server-side code (without a blank page)

I've tried to make a loader for every page but failed. I want to show the loader before completing server-side jobs: [Loader] -> [Target page]. However, HTML

How to have each item in my flex row remain square (same width as height) without using JavaScript [duplicate]

I'd like these letters to sit in the row, each letter div with same height and width. This is my demo of the problem https://codepen.io/daniel

Using calc to indent child element of CSS Grid accurately align with grid columns

I have a content block within a CSS Grid item, which works fine. In some instances I want to be able to indent a child element 1 or 2 columns so accurately so i

Is there a simple way of using the th:data* and th:each attributes together in Thymeleaf?

My intention is to obtain an object inside one of the rows of the table, so I could forward it to a form using a simple JavaScript function. I am not familiar w

getting error 'must be placed inside a form tag with runat=server', but it is

I'm getting the above error message. However, the page in question does indeed have a tag with runat="server" attribute on it (at design time) and the control

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

How to get JAWS to update its cache of aria-hidden values

I have a webapp where we dynamically toggle the aria-hidden attribute on certain elements in response to user input. This seems to work fine with VoiceOver but

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

Only accept 2 digits integer array in django model form

How to make a form field that accept 2 digit numeric array in frontend. if someone enter more then 2 digit or string then The input value is automatically valid

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