Mathies Posts - Answer Overflow

Mathies

Posts Comments

KPCKevin Powell - Community

•Created by Mathies on 1/25/2024 in #front-end

Hover dropdown menu next to normal <a> navigation items, use a pointer cursor or no?

2 replies

KPCKevin Powell - Community

•Created by Mathies on 6/28/2023 in #front-end

Creating seamless transition between pages, idea's on how this is done?

I found this website: https://aboutcoolblue.com/nl/. By clicking on one of the navigation items (1 through 6, 7 doesn't seem to do the same thing) in the center of the page everything seems to transition so seamless without any sort of reload of the resources. Looks like the <head> stays the same for example when switching pages. Does anyone know how this is done?

10 replies

KPCKevin Powell - Community

•Created by Mathies on 5/3/2023 in #front-end

How to make sure grid-template-columns with repeat minmax function doesn't create a row with 1 item?

4 replies

KPCKevin Powell - Community

•Created by Mathies on 4/19/2023 in #front-end

Is it possible to change the styling of a parent element when focusing on a child element?

I'm trying to change the background-color of the parent element when focus is applied to a child <input> element. When looking around I've only found solutions that involve changing an element that comes after the first element. My code:

 <div class="checker-input">
     <i class="checker-icon fa-duotone fa-magnifying-glass"></i>
     <input type="url" name="checker" id="checker" placeholder="Check je domein">
     <button href="http://" class="boxbutton">Checken</button>
</div>

 <div class="checker-input">
     <i class="checker-icon fa-duotone fa-magnifying-glass"></i>
     <input type="url" name="checker" id="checker" placeholder="Check je domein">
     <button href="http://" class="boxbutton">Checken</button>
</div>

So; when focus is applied to the <input> element I want something to happen to the <div>

4 replies

Gaming

Programming