html and css

Hello, On my site I am developing, I am having a problem with when I open the page in Safari all my images are being squished. Chrome they work great. Also not sure why when I resize on any browser, the images get squished. Also, my intention was to make the images on the homepage links...

I am trying to display a little copyright text on top of an image when the user hovers his mouse over it, using [this](https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_opacity) example. What am I missing that I do not see the text, only the fading effect? <div...

Hello everybody 😊 I'm super green when it comes to coding. I've only been working on it for around 3 weeks. I'm working through freeCodeCamp and I am doing one of the assignments where I have to add the id "img-div" to a div element, but when I try to modify it in CSS through VS Code, I get an...

Hello! I am new to this forum, thanks in advance for the help. Is it possible to achieve this effect using HTML and CSS? I want to apply it in scroll to the headers of my website in Worpress.

Hello everyone, I'm a university student and just started learning coding. I'm trying to build a site and I found a ready made html theme, I need to add social media icons for my site so I want to add the icons from this site https://codepen.io/miko-github/pen/NWpMwXd to my site. what should I...

Im trying to center the two cards below my h2 header. no matter what i do i cant center them. heres my code: <div class="comp-header text-center"> <h2>Before you go....</h2> </div> <div class="widget-container"> <div class="inner_cards"> <div class="cards_wrap">...

I have an image slide show with a div ,some text in the div and a button. I need the div and the button to resize and responsive on small scale. My code doesn’t work. Below is my code div class="slideshow-container"> <div class="mySlides fade"> <div class="numbertext">1 / 3</div>...

I have problem with setting up multiselect dropdown menu.. HTML Multiselect dropdown Java Script not working at when Add Multiple Fields. This is my fill script link - <https://jsfiddle.net/13yeasedu/j6gd5kvo/12/> <link href="https://getbootstrap.com/docs/5.0/dist/css/bootstrap.min.css"...

Hello guys, I am kinda new in front-end, and I faced with issue when developing my very first website. So I have the website in psd format with bootstrap grid, and I can't position the elements correctly in the container. I need them to be like this, however image always drops to below on the...

Hello, I have already a complete form but whem I click SUBMIT nothing happen. I know this is a basic question but, what is missing ? This is the form I created: <!-- appointments --> <div id="appointments" class="appointment-main-block appointment-two-main-block"> <div...