KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

front-end

resources

back-end

ui-ux

os-and-tools

help

CDL

8/14/2023

pageLoad.js - I know it'll be an onclick onto an element, but I'm not entirely sure I understand how

So I have several tabs (all can be seen on my github - https://github.com/callum-laing/restaurant). I have everything importing into an index.js file, which is containing my header.js (navbar), footer.js (just a piece of text saying "Developed by Callum Laing" and then I have home.js which is showing the text in the middle of the screen. I also now have contact.js and menu.js, and what I want is whenever I click one of the navbar tags, it brings up that .js file and removes the previous one. (the menu and contact files won't be the entire area, it'll just be roughly 50% of the space, like a pop-up card)....

Gmoney_123

8/14/2023

Pseudo element not showing up

So I'm trying to make a currency input and I want it to have a dollar sign ($) floating inside of the input but not part of the actual value of the input (decoration if you will). im trying to do this with pseudo elements (first time using them). I have an input called #cost with the code below, nothing shows up. ```css #cost::before { background-color: red; width: 1rem;...

diarrhea7516

8/14/2023

Need a img script mine isnt working.

Pretty sure i typed it corrctly...

Brett

8/14/2023

Displaying interlinear gloss with selectable text

Background I'm trying to display an interlinear gloss This involves aligning different chunks of two sentences vertically. I have 2 imperfect solutions and need help cracking one or the other. Attempt 1...

JaViLuMa

8/14/2023

Need help implementing the following design

Hello everyone! As the title suggests, I would need some help implementing the attached image/design or at least guide me to the correct solution. I can't seem to wrap my head around on how I would achieve it. I thought about using a list but I fall into endless loop of thinking how to achieve the vertical bar with rounded corners, let alone those "bullets" connecting to it. ...

Spencer

8/14/2023

How do I go about resizing an image for a banner?

Hello, I currently am trying to resize an image for a banner, I just want to crop it, not stretch the image. I can seem to get the width right, but not the height. I tried adjusting the height with the "height" property, but it also seems to just resize the image totally down and therefore the width goes down automatically. here's what I have ’’’ #banner{ height:60vh; width: 100%; padding-top: 1px; background-repeat: no-repeat;...

codeLover

8/14/2023

align-items-baseline not working properly

i have a div and inside that two more and i want both the text and the image to be at the bottom of the div, the image is not getting down

martin__n

8/14/2023

min-height: max-content;

Hi, I would like to understand why min-height:max-content does not work in the following example (container2 overflows main when window height is reduced). I know that a corresponding example in inline direction would work (min-width: max-content), but why doesn't it work in block direction? There is a stackoverflow question about this (https://stackoverflow.com/questions/63740508/what-does-min-height-max-content-mean), but since height:max-content would work as intended for main in the code below, I think it has nothing to do with an "incorrect" calculation of max-content. ...

diarrhea7516

8/14/2023

Need help with audio script (Not Playing???)

Im making a horror ARG apart of my site but theaudio script isnt working plz help!

Dalmi Baudelet

8/14/2023

Hello everyone,

I'm super new in UX/UI Design and right now I'm learning to code. I'm part of a bootcamp training, and we're seeing bootstrap css js, but I'm really struggling to understand how this works 😦 I'm no even able to do a simple layout in visual studio code. Does anyone recommend a youtube video or a class that explains thouroughly bootstrap? Or does anyone has the time and patience to explain it? That would help me soooooo much.

Cortezano

8/14/2023

anyone, having an error in my css

I don't know what's missing or if something needs to be removed. I try to remove the bracket in 776 and its solve, but I am not sure if this correct. Thank you...

T. Issam

8/14/2023

navbar - dropdown menu problem

How to solve the problem of overlap between absolute dropmenu and prevent interference between them

interpod

8/14/2023

Is it possible to select element based on its neighbour's child class ? (maybe :has???)

So i am wondering. Structure where I would like to select all div's based on its neighbour's child class but is seems that it does not work. Here is an example: https://codepen.io/H4ds0n/pen/WNYVEjX My goal is to make all div's background red if any of its neighbour's child has class selected...

shubhammishra007

8/14/2023

What is Html

3moor_m

8/14/2023

if else dosn't work

wanna some help in js This is a login page, there is an option to show or hide password, when I click on the icon I selected it shows the password and work perfectly fine, the issue here when I click back on icon, it doesn't make any action as I ordered, how to fix that?...

DaniDam

8/13/2023

Change svg fill color

Hi guys, I would like to know is there some solution for changing svg fill color. I render the svg from strapi (and using astro.js) using object tag in react.js. After rendering the image I can see the svg when inspecting, and I can change the fill color in inspect, but not in css file. I've tried everything that I found, but it's not working. I read that it is difficult to override the fill color for svgs that coming from external source. i would like to know if anyone has any ideas how to solv...

dogaa

8/13/2023

Vue How To İmport Plugin Files

Im creating a vue js tailwind app for my current company and ı want to import svg files that ı have in my project but I think its not possible with default vue, I tried "vue-svg-loader" and didnt accomplish anything, is there any trick to do this?

indee

8/13/2023

guys how to achieve something like this in css

and i also want it to be responsive

Hamza Naeem

8/13/2023

How to do this?

Hello, I wanna know how can I do work like this side by side like Mr.Kevin do VS code and browser tpgether , please tell me step by stepway to do this, thanks

_Hiemdal___?!

8/13/2023

New portfolio design, Solutions and Advises on how to move forward and what stuff to look into

Hey there, I am trying to build a really fancy portfolio website, I wanna theme it on Dijkstra's Shortest Path algorithm ( each node of the graph is a section or page , About section is a node, Achievements another node, etc ) and the user would be able to navigate through wacky scrolling. I'm not sure if this is unresonably hard but what I have in mind is to maybe learn one motion library and try stuff out, the js side of things is also something that I'm not sure how much I'd need to know, my...

Previous Next

Gaming

Programming

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.