Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

css

  1. variety code

    browser extensions

    Does anyone know about browser extensions?
  2. LilyTalmers

    CSS Autofill breaks Glassmorphism

    I'm trying to create a form and in my text input field I'm using glassmorphism. But when someone autofill the glassmorphism effect disappears. In this picture the first field is manually typed but the last two field are autofilled. As you can see in the first field the glassmorphism effect is...
  3. Kaworu

    HTML & CSS Why these divs are overlapping on mobiles?

    Hi! I have a problem with mobile version of a website I am working on currently. It’s my first post here, I hope I did everything right… :-) On a big screen, I have two columns next to each other and a copyright note in footer below them. The normal version has nothing to change. When I make...
  4. B

    HTML & CSS Extra DIV created underneath amazon image embed

    Hi, I'm wondering if anyone can help me with a problem I'm having. Whenever I embed a product image from Amazon I get what appears to be an additional div with black borders beneath it. Does anyone know why this happens and how I can get rid of it?
  5. S

    HTML & CSS how to split page on static and scroll-able parts?

    I want to split web page onto two parts. Static (top one) and scroll-able (bottom one). The problem is that solution I have creates a scroll-able box with fixed width and height. But I've seen an example of a page where bottom and right sections are limited by size of the browser screen and have...
  6. joshuaHutch

    HTML & CSS Hr Tag in css

    I have create a prototype web design, I would like to do this: https://snipboard.io/DCmVUP.jpg with html and css but I can not get the hr tags like that, I would love it if someone could help me. Thanks
  7. C

    JavaScript Div activate on menu click

    Hi everyone, i'm stuck at a coding project and new to this forum and thought i'd give it a try. I have a left sidebar with menu options and submenu options. Depending on the submenu option chosen I want the main content area div to be hidden and the appropriate one to be shown. I am a complete...
  8. T

    CSS CSS free help

    I just took a course that showed me all about CSS and I was really glad that I took this course. I wish to share this course with you if you are interested reply to this post and I will send you the direct link to this course
  9. beluirina

    CSS what does 2=30px mean in css grid (made a typo and it works exactly how i wanted it to)?

    i know this makes no sense but while messing around i ended up accidentally typing that in and thats the exact distance i needed. but if i delete it and try putting 230px or 30 px its not the same at all. what is this?? is it functional? what does it stand for? .display-grid{ display...
  10. beluirina

    CSS what does 2=30px in css grid mean?

    i know this makes no sense but while messing around i ended up accidentally typing that in and thats the distance i need perfectly. but if i delete it and try putting 230px or 30 px its not the same at all. what is this?? can i use it elsewhere?
  11. M

    HTML & CSS trouble with css selectors combining

    This code: .cl1 clChk:checked ~ cl2 { opacity: 1; height: auto; } worked perfectly fine with this structure: <div class="cl1"> <label class="clLabel" for="chk_1"></label> <input class="clChk" type="checkbox" id="chk_1"> <article class="cl2"> ..some text...
  12. TheFrieber

    CSS CSS/HTML Video is TopMost

    Help, im trying to find an fix but in google there is nothing: I wanted to do a Video as Background, but it keeps getting over the button,label. I wanna that its behind the button label as background how to do? My HTML Code: <video autoplay muted loop id="Vid"> <source src="my link i dont...
  13. sallu110

    HTML & CSS Changing position of sign in and sign up form

    Hye! I want the sign up and sign in form to be place horizontally in the middle of the page . Currently they are placed on top of each other. </section> <div class="lg:w-2/6 md:w-1/2 bg-gray-100 rounded-lg p-8 flex flex-col md:ml-auto w-full mt-10 md:mt-0"> <h2 class="text-gray-900...
  14. SilentHealer584

    HTML & CSS How can i change body bgcolor by sliding slider ?

    Am I able to also change colour by sliding the same slider I use to change image size ? <body> <center> <p><-- low temp.</p><div class="slidecontainer"> <input type="range" min="15" max="25" value="15" class="slider" id="Slider"> </div><p>high temp. --></p>...
  15. Malcolm

    The Odin Project

    The goal of The Odin Project is to provide a complete path for students to go from zero programming knowledge to employed as web developers while working with other students and picking up the skills to become self sufficient along the way. https://www.theodinproject.com
  16. wheresthatcode

    HTML & CSS HTML Editor within HTML website

    I have created an intranet through css and html. There is a particular page that has on it the schedule for each day. At the moment i'm editing that page each day for them. Is there a way to create a html page that will have a simple imbedded editor that you can just change the wording and...
  17. A

    HTML & CSS How to make 2 circles disappear on collision?

    Hi, I'm trying to make a html/css program where there are 2 circles, moving in a circular path. My code so far: body{ margin: 0; padding: 0; } .circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; height: 400px...
  18. S

    HTML & CSS How to add menu buttons and make them work ?

    Hello! I just trying to add one or more "menu" buttons to website. I've added button, but it's still doesn't work. How to solve this problem? And menu buttons Test 0,Test 1, Test 2 wokrs normally without js Here are parts of html & css codes Menu <div class="tab"> <input...
  19. Liljeqvist

    CSS I cannot get these elements to align in my nav

    I am having an issue with my navigation menu. I use flexbox to align all the items, but for some reason I cannot get the logo / brand name to line up wtith the burger-icon. I added space-between to the parent container, because I want the logo on the left side, and the menu-icon on the right...
  20. henoida

    CSS left and right elements

    I have a general questions about items on the top of the page which are positioned on the left side (such as a logo) and on the right side (such as a search box and global elements), using float: right. When minimizing the browser or looking at it on a small screen of a phone, these two...
Back
Top Bottom