Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

image

  1. L

    Fullscreen hero image on home page load

    Hi all, I am getting back into CSS/HTML after many years off. I am building a website in Squarespace. I am trying to set up the home page with a hero image in the header that takes up the full screen (or snapped to full screen) on desktop. Then, when you scroll down it displays the navigation...
  2. C

    JavaScript JavaScript Hiding All Images On Page But I Need One Always Visible

    Hi! I have this page which displays different shield colors, depending on which TEXT is clicked (Bronze, Silver, Gold, Pro or Legend). By default, the BRONZE shield image is showing along with the country flag image: Then when you click on Silver, Gold, Pro or Legend, the corresponding...
  3. S

    HTML & CSS Image alignment

    Hi all so i am just stepping into css and working my through trying to learn and wondered if anyone can help me with this please as im stuck - here is my code and image attached - im trying to get the image to align left so its the same as the text - many thanks
  4. J

    HTML & CSS CSS bg-image wont work

    My css code on visual studio to use a background image from the file file://C:\Users\jjwil\OneDrive\Desktop\OceanClientWebsite\hypixle.jpg (hypixle.jpg is a picture) won't work as when i do CNTRL+Rclick to open it in visual studio it pops up with a message saying unable to...
  5. L

    HTML & CSS Dynamic banner with hidden and visible images

    If people have knowledge in Front / css I would need a little help 🙂 I explain my problem, on the image I created in the banner in which the images scroll from left to right, once on the right the img goes to "hidden". I would like to do is that once out of the site by the right, the image is...
  6. K

    HTML & CSS Banner Image cropping on desktop, but not on phone? (I don't want image to crop on either)

    .landing-banner{position:top;width: 100%; height:40vh;background-size:cover !important;background-position:center center !important;color:#fff}.landing-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:00%;background-color:rgba(225,23,97,.6)}.landing-banner...
  7. coding_fromzero

    HTML & CSS Trouble modifying an id for an image in a div element

    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...
  8. scully_a

    HTML & CSS Background image map with clickable areas to bring up popup

    Hello, I am trying to make an image map with multiple clickable areas that will bring up pop ups. The problem that I have is that the image also needs to move with cursor in a set frame. To achieve this function I set the image as a background image in the css. I do not know if there is anyway...
    • scully_a
    • Thread
    • background clickable cursor image image map map move popup
    • Replies: 13
    • Forum: HTML & CSS
  9. J

    Answered Gap between image and border on slideshow

    Hello, I'm very new to web development/html/css/javascript, and I'm trying to make a slideshow that dissolves from one image to the next, adapted from this tutorial. One problem I have is that the images in my slideshow are different formats (height and width), so, for example, the sides of...
  10. J

    HTML & CSS Two browsers display image wrong.

    I have an image that is 810 pixels wide. My HTML is: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>WTF</title> </head> <body> <ul style="list-style-type:none;"> <li> <img src="Image.png" alt="" style="margin: 0 auto 0 auto;width:810px;display:block;"> </li>...
    • JonF
    • Thread
    • css html image
    • Replies: 4
    • Forum: HTML & CSS

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom