Html – Struggling with CSS layouts
I would like my header to span the full width of the page, and it is not. (.red and .green), I would like my footer to not be seen until scrolled down to and then to stay at the bottom…
How can I cause a line-break in HTML without interrupting the control-F "findability" of the text?
Imagine I have the following HTML: <span>one two</span> <span>three four</span> If the user presses control-F (or command-F on macOS), they can search for "two three" and it will successfully find/match the text across the two spans. How can I insert…
Html – Theme Not Loading on Page Load but Works on Radio Button Selection
I'm purely a beginner and this is for my project in one of my majors. I'm trying to implement a theme-switching feature on one of my subpages (Article1.html) using JavaScript, where users can select themes (Dark Modern, Pink Pastel, Windows…
Html – How to disable double-tap zoom on Safari mobile?
How can double-tap zoom be disabled on Safari mobile? There are some rules for default behaviour: With text it somehow depends on font-size. Other types of elements also allow to be double tapped and usually perform a zoom then (e.…
Html – Bootstrap Collapsed Navbar Toggle Button is not working
<div class="container-header"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarTogglerDemo01"> <a class="navbar-brand" [routerLink]="['/home']" routerLinkActive="active"> <img src="/assets/images/Logo.png" class="img-logo"> </a> <ul class="navbar-nav mr-auto mt-2 mt-lg-0"> <li class="nav-item active"> <a…
Css – Custom font-weight definition for non-standards files
I have a non standarnd font file that font weight values are variable from 38 to 682 and any value in this range can be used. When in css I write font-weight: bold; by default it change to font-weight: 700;…
Html – "autofocus" is not working as expected for my buttons. What could be the problem?
I have a Blazor server side app with several mainpages. Each mainpage has some subpages which can be entered via buttons. If one subpage is opened in a mainpage, then navigated to another mainpage, and finally navigated back to the…
Html – Aligning a a row of images that have effects and are links
How can I get these images aligned to center on every size monitor regardless of the size of monitor they are being shown on. I have tried all sorts of "left: auto;, relative, -10%, ... I don't know if they…
Css – Underline the selected navitem after open link in new tab
I have a navbar that the selected/active navitem is recognizable by an orange underline. However, when I open another navitem in a new tab (by rightclick), the default navitem is underlined and not the selected one! Here is my navbar:…
Html – grid-template-areas shows Invalid property value error?
I'm creating a vijesti.html page with a CSS Grid layout for displaying three types of news items: grid for less than 800px grid for wider than 800px Main News (.mainNews) spans the full width. It should have a 1:2 aspect…