I'm trying to get all bold texts from an anchor tags to have the same style. I tried with : a > h1,h2,h3,h4,h5,h6,strong,b,d1,d2,d3,d4,d5,d6{ font-weight:var(--medium); } But the style is only applied on <h1>. So I tried with : a>h1,a>h2,a>h3...{ }…
I have a parent div which has a background image (an SVG with just a diagonal line). My child div will have some background-color depending on the value of a variable. I want to show the parent background image (diagonal…
So we have a rectangle with, let's say dimensions of 120ft length, 72ft breadth and 20mm thickness (we assume thickness is negligible thus consider this cuboid a 2D rectangle). I want to use JavaScript to make a function, such that…
I have an Angular component named ExternalHtmlComponent responsible for rendering HTML content fetched from the backend. The HTML content is dynamically inserted into a element using the [innerHTML] property binding. To style the dynamically inserted HTML content, I've defined a…
the p tag text "would you recommend our website to other" doesn't appear in 2nd div tag within body tag. but if i cut and paste it in within first div it appears but for some reason it doesn't in…
I want to display dynamic list of cards horizontally. The large will be 3 by 3 for each row then in small screens it will be full column 12. <ul class="list-group list-group-horizontal"> <li class="list-group-item">An item</li> <li class="list-group-item">A second item</li> <li…
In html data entry form, wanted to replace a Radio type with Checkbox for possible multi-selections: <form id="ProductDetails" onsubmit="handleFormSubmit(this)"> <p class="h4 mb-4 text-center">Restaurant Details</p> <div id="message"></div> <input type="text" id="recId" name="recId" value="" style="display: none"> <div class="mb-1"> <label for="name" class="form-label">Name</label> <input type="text"…
I have a simple HTML table with table-layout set to auto. This table has some regular data columns and at last a special action column, i.e. a column with some buttons inside. I now want my table to simply divide…
I have an HTML simple web form to find a specific store in Google Maps by just entering the zip code or the city name. The search form must be targeted to the map like this: https://www.google.com/maps/search/storename+cityname Because people know…
this is the home page of my website where the modal doesn't work, can someone answer this bug that I've been encountering for days <title>Home</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"/> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <!-- Alertify sakit…