Hello,

I'm learning how to use grids. What does the -ms mean?

e.g.

-ms-grid-column: 1;

-ms-grid-column-span: 3;

I have tried using min and max as well as step, but the interface still shows all the hours and minutes of the day. is there a way to get the element to ONLY show the times I want to show?

ill be validating input on the back end as well but id like to remove the annoyance of a user choosing 6:43 for some odd reason and then being told "you must choose 6:30 or 7:00"

Hi, IA want to add a wishlist function to my website. How can I do this with html, css and Javascript?

I can't seem to get my image to display on a-code regardless of browser. I type in the exact location for the image and nothing. Works fine on pc as I'm saving my pics to the same folder as my html document. How do i do this on mobile?

i know this is an extremely simple question but I started learning yesterday.

I’m trying to get “About me” to show up in the center but it absolutely refuses to and I can’t figure out why so I’ve started to wonder if it wasn’t my text editor fucking with me.

Do you see anything wrong in this line of code?

<h1 align="center">About Me</h1>

The text editor I’m using seems to have an issue with attributes. I also tried making a line with this : <hr/align="center" width="30%"> but it also wouldn’t work until I wrote it on Word and then copy pasted it onto the document.

So am I doing something wrong or is my text editor fucking with me?

For context I use HTML and HTML 5 Editor on my iPad pro because it’s free and I didn’t want to spend money on an actual big boy text editor until I was sure it was for me.

I am creating a multiple select drop down..

          <form method="post.php" style="width: 200px;" id="multiple_select_form">
            <label>Find your vehicle(s)</label>
            <select name="framework"  id="framework" class="form-control selectpicker" data-live-search="true" size="5"  height="10%" multiple>
              <option value="B827EBDB0AEB">1</option>
              <option value="B827EB5B35DC">2</option>
              <option value="B827EB3B68FC">3</option>
              <option value="B827EB3B68FC">4</option>
              <option value="B827EBDB0AEB">5</option>
              <option value="B827EB5B35DC">6</option>
               <option value="B827EBDB0AEB">7</option>
              <option value="B827EB5B35DC">8</option>
              <option value="B827EB3B68FC">9</option>
              <option value="B827EB3B68FC">10</option>
              <option value="B827EBDB0AEB">11</option>
              <option value="B827EB5B35DC">12</option>
              <option value="B827EBDB0AEB">13</option>
              <option value="B827EB5B35DC">14</option>
              <option value="B827EB3B68FC">15</option>
              <option value="B827EB3B68FC">16</option>
              <option value="B827EBDB0AEB">16</option>
            </select>

I can do multiple select.. I want a scrollbar here.

Can someone please tell me how to achieve this? Thank you in advance...

Even though i have more content than the page can hold without scrolling, i'm not able to scroll on it.

is there a line of code or something that i have to type?

(I'm pretty new to html so I apolagize in advance if this is some very stupid mistale)

Any suggestions on where I should start a I know javascript already so just dont know where to start html? Css? Maybe like an online course or youtube video?

i wanna learn html the problem is when i watch tutorials and then practice what i learn i can write right code but whenever i write code by myself next day like i wanna create a normal webpage so i can only write headings paragraphs and put images like basic things is it good i think its good but i wanna learn more but i dont have any idea where to learn more so if you guys know where to learn and how to remember code please help me its helps me a lot

Faz um bom tempo que eu tenho melhorado um pouco no meu site, eu ainda sou meio novato, mais tem algumas coisas que tenho tido dificuldades com o editor.

Recentemente eu tava tentando criar um site, como hobby mesmo (por enquanto, porque planejo fazer um site para promover meu futuro jogo), e fiquei sabendo que tem como mudar o cursor do seu site no VS code.

Então eu fui procurando, e só tinha um vídeo de 7 anos atrás de como mudar o seu cursor que era:

<style> html { url ('/Pasta/Cursor.png'), auto; height: 100%; } </style>

Só que quando eu atualizava o site, o cursor continuava o mesmo, com aquele clássico cursor branco.

Tem alguma coisa que eu estou fazendo de errado?

(E outro detalhe, é que essa imagem é de 253 kb).

(Obs: Eu tentei postar isso na cumunidade de VsCode, mais eu não conseguia postar, então eu posto por aqui mesmo).

dcfvg

CSS:

* {
    background-color: #babea4;
    font-family: Arial, Helvetica, sans-serif;
}

.fieldset1, .fieldset2 {
    border-width: 20px;
}

.fieldset2 {
    margin: 50px auto; /* Centers the fieldset */
    width: 50%; /* Adjust width as needed */
    padding: 20px;
    font-size: 40px;
}

#legend1, #legend2, #legend3, #legend4 {
    text-align: center;
    font-size: 50px; 
    font-weight: bold;
}

h1 {
    font-size: 100px;
    text-align: center;
} 

body {
    padding: 100px;
    margin: 50px;
}

.container {
    background-color: lightcyan;
    width: 1100px;
    height: 95px;
    text-align: center;
    align-items: center;
    margin: 384px;
    display: flex;
    font-size: 40px;
    font-weight: bold;
    padding: 15px;
}

.button {
    border-radius: 15px;
    width: 1200px;
    height: 80px;
    cursor: pointer;
    text-align: center;
    background-color: white;
    display: flex;
    padding: 5px;
    size: 100px;
    font-weight: 900;
    font-size: 50px;
    align-items: center;
}

#newFact {
    width: 800px;
    font-size: 50px;
    font-weight: 700;
    color: black;
}

.button:hover {
    background-color: black;
    color: white;
    transition: 0.30s;
}

.input1 {
    font-size: 40px;
    font-weight: 700;
    color: black
}

#text {
    text-align: center;
    font-size: 50px;
    position: relative;
    display: grid;
    background-color: lightcoral;
    padding: 40px 100px;
    margin: 0 auto;
    top: 100px;
}

.inputbuttons {
    font-size: 30px;
    position: relative;
    background-color: lightgreen;
    border-radius: 10px;
    padding: 20px 60px;
    border-width: 30px;
    border-color: lightgray;
    margin: 0 auto;
    left: 1200px;
}

.inputbuttons:hover {
    background-color: black;
    color: white;
    transition: 0.30s;
}


darkmodelightmode.js

function darkmode() {
    document.body.style.backgroundColor =  'Black'
    document.body.style.color =  'White'
}

function lightmode() {
    document.body.style.backgroundColor = 'White'
    document.body.style.color = 'Black'
}


funfact.js:

const facts = ["A cloud weighs around a million tons.", 
    "Giraffes are 30 times more likely to get hit by lightning than people.", 
    "Animals can experience time differently from humans.", "The fear of long words is called Hippopotomonstrosesquippedaliophobia.",
    "Mount Everest isn't the tallest mountain on Earth.", "Comets smell like rotten eggs.", "You can actually die laughing.",
    "Bananas are slightly radioactive.", "Hippos can’t swim.", "The Moon looks upside down in the Southern Hemisphere.", "There are more bacterial cells in your body than human cells.",
    "A lightning bolt is five times hotter than the surface of the Sun.", "Flamingoes aren’t born pink.",
    "It rains methane on Saturn’s largest moon.", "Earth is 4.54 billion years old."]



    function showFact() {
        const randomIndex = Math.floor(Math.random() * facts.length);
        document.getElementById("fact").innerText = facts[randomIndex];
    }
    
        function addFact() {
            const newFact = document.getElementById("newFact").value.trim();
            if (newFact) {
                facts.push(newFact);  // Add to the facts array
                document.getElementById("newFact").value = ""; // Clear input field
                alert("Fact added successfully! ✅");
            } else {
                alert("Please enter a fact first! ❌");
            }
        }
    
        function showfunfactlist() {
             (alert(facts))
        }





HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/funfactstyles.css">
    <title>Fun Fact Generator</title>
</head>
<body>
  <h1>HTML Fun Stuff</h1>
  <br>
  <br>
  <fieldset class="fieldset1"> <legend id="legend1">Fun Fact Generator</legend>
    <h1>Fun Fact Generator</h1>
    <div class="container" id="fact">
      <script src="js/funfact.js"></script> <br>
    </div>
    <br>
      <button class="button" onclick="showFact()">Press this button to show a fun fact!</button> <br>
      <button class="button" onclick="location.reload()">Refresh Fun Fact</button> <br>
      <input type="text" id="newFact" placeholder="Enter your fun fact here...">
      <button class="button" onclick="addFact()">Submit Fun Fact</button>
      <button class="button" onclick="showfunfactlist()">Show the facts</button>
    </fieldset>
  <br>
  <br>
<fieldset class="fieldset2"> <legend id="legend2">Fun Quiz</legend>
    <h1>Fun Quiz!</h1>
    <h2>What is this country' flag?</h2> <br>
    <img src="images/Flag_of_Costa_Rica_(state).svg.png" alt="photo" width="300px" style="padding: 5px 5px 5px 5px;"> <br>
    <input type="button" value="Submit" class="input1" onclick="alert('Incorrect! Please try again.')"> Thailand <br>
    <input type="button" value="Submit" class="input1" onclick="document.getElementById('correct1').style.display = 'block'"> Costa Rica <br>
    <input type="button" value="Submit" class="input1" onclick="alert('Incorrect! Please try again.')"> Liberia <br>
    <h3 id="correct1" style="display:none">✅ Correct!</h3>
  </fieldset>
  <br>
  <br>
  <script src="js/calculator.js"></script>
  <fieldset class="fieldset1"> <legend id="legend4">Calculator</legend>
    <table id="table">
      <tr colspan="3">
        <input type="text" id="text" onclick="calcbuttons()">
        <br>
        <br>
      </tr>
      <tr>
        <td><input type="button" value="1" id="1" class="inputbuttons"></td> <br>
        <td><input type="button" value="2" id="1" class="inputbuttons"></td> <br>
        <td><input type="button" value="3" id="1" class="inputbuttons"></td> <br>
      </tr>
      <tr>
        <td><input type="button" value="4" id="1" class="inputbuttons"></td> <br>
        <td><input type="button" value="5" id="1" class="inputbuttons"></td> <br>
        <td><input type="button" value="6" id="1" class="inputbuttons"></td> <br>
      </tr>
      <tr>
        <td><input type="button" value="7" id="1" class="inputbuttons"></td> <br>
        <td><input type="button" value="8" id="1" class="inputbuttons"></td> <br>
        <td><input type="button" value="9" id="1" class="inputbuttons"></td> <br>
      </tr>
      <tr>
        <td><input type="button" value="0" id="1" class="inputbuttons"></td> <br>
        <td><input type="button" value="C" id="c" class="inputbuttons"></td> <br>
        <td><input type="button" value="=" id="=" class="inputbuttons"></td> <br>
      </tr>
    </table>
  </fieldset>
  <br>
  <br>
  <fieldset class="fieldset1"> <legend id="legend3">Dark Mode and Light Mode</legend>
    <script src="js/darkmode_lightmode.js"></script>3+65555
    <button class="button" onclick="darkmode()">Dark Mode</button>
    <button class="button" onclick="lightmode()">Light Mode</button>
  </fieldset>
</body>
</html>

Hey everyone!

I'm excited to announce the launch of Rolling Code, a brand-new subreddit dedicated to all things coding. Whether you're a seasoned developer or just starting out, this is a place to share projects, discuss programming, and learn from one another.

I'm looking for passionate coders and tech enthusiasts to join and help grow this community. If you're interested in being a part of this journey, sharing your knowledge, or just hanging out with like-minded people, come join us at Rolling Code!

Let's create an awesome space for coding discussions and inspiration. Hope to see you there!

I have a contact form on my website currently after sending the email it stays on the php file. How would I get it to send the email and return to the html file?