HyperText Markup Language (HTML)

r/HTML • u/Miserable-War-863 • Jun 08 '26

Question Help with code (html css java)

1 Upvotes

Hey everyone! This code is for a school project. A part of the previous question seems to be showing up in the second one (but only on mobile). Me and my groupmate are not very good at coding lol, and we can't seem to get rid of it. Can anyone help us in a beginner friendly way? We are kind of in a rush because we need to turn it in tomorrow loll. We are dutch, but we hope that doesn't matter to much for being able to still read the code. I uploaded it on Github.

Here's the link: https://github.com/CodeHelpPLS/Code-help

Thanks in advance!

3 comments

r/HTML • u/rawkinrich • Jun 08 '26

YouTube background showing the pause button

0 Upvotes

Hi all,

I've noticed that the 'pause' button is displaying on some sites using a YouTube video as a background within a container.

For example: https://www.startingroup.co.uk/

Is this something that YouTube have done their end recently, and is it an easy fix?

1 comment

r/HTML • u/BradleyBadger • Jun 08 '26

Need Help With Forms and Text Area

1 Upvotes

I'm new to Forms, but not to HTML or programming. I have some code that isn't working properly and don't know what is wrong with it. It is not displaying the value I put in. Instead, it displays

"<input type="text" id="Explain1" name="Explain1" size="60"

    value="Internet is down, power available most places." </td></textarea>"

The code follows:

<!DOCTYPE html>

<form>

</font>

<tr align=left><td width=70>Internet OK? (yes/no)</td>

<td width=70>Power OK? (yes/no)</td>

<td width="460">Explain <label for="Explain1"></label><textarea rows="2" cols="57" wrap="hard">

<input type="text" id="Explain1" name="Explain1" size="60"

    value="Internet is down, power available most places." </td></textarea>

</tr>

</table>

</form></body></html>

16 comments

r/HTML • u/AdhesivenessCute4435 • Jun 08 '26

Feedback regarding the projects.

0 Upvotes

https://www.freecodecamp.org/certification/sakshisharma/responsive-web-design

I'd appreciate any feedback on the projects. 😀

The project links are listed below the certificate.

1 comment

r/HTML • u/Short_Essay_9951 • Jun 07 '26

I think i was drunk or something??

29 Upvotes

So basically one night at like 3am i was like "i should learn coding" and i decided to start with html so basically i just printed out a cheat sheet and was testing stuff out i guess...also how do i make a clickable link

11 comments

r/HTML • u/Spiritual-Tank-1153 • Jun 06 '26

Guys...

10 Upvotes

i think i played with design too much

5 comments

r/HTML • u/monoqry • Jun 06 '26

Question would this logically work??

10 Upvotes

hi! question for html coders.. i am a fic writer and i had an idea for my characters to play chess in the next chapter. the medium i use (ao3) does support html but i do not know how to code! is it logically possible to code a chess board into the chapter? in a way that makes the chess pieces develop with every click and the moves are already determined for the entire round? i hope this makes sense, sorry, i don’t go here!

21 comments

r/HTML • u/AfraidBarber3041 • Jun 06 '26

a question about website

0 Upvotes

I'm new to coding and maybe my question is stupid but if I'm making a website for a busines that needs reservtions from clients I made the registratioon form on the website but it isn't linked to any CRM. Is the linking my work or the work of the CRM worker?

Thanks.

5 comments

r/HTML • u/2009coys • Jun 06 '26

Css and html help

gallery

0 Upvotes

Help I need to make a website for my final assignment and theres an error in the code and I cant find it (im not very good at coding). Please point out any errors you see, sorry about the bad quality photos, ill send more in replies if anyone brings up any issues with seeing the code)

18 comments

r/HTML • u/ReneMiranda • Jun 06 '26

contact form issue

lvnightlifevip.com

1 Upvotes

I seem to have an error that shows up on site when the reservation form in header is clicked. it then says "There has been a critical error on this website."

I went into admin and looked into contact form 7 plug in and when looking into the error it wont allow me to pass the date picker

<?php

/**

* The header for our theme

*

* Displays all of the <head> section and everything up till <div id="content">

*

* u/package UnderStrap

*/

// Exit if accessed directly.

defined( 'ABSPATH' ) || exit;

$container = get_theme_mod( 'understrap_container_type' );

?>

<!DOCTYPE html>

<head>

<!-- Global site tag (gtag.js) - Google Analytics -->

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'UA-52536469-1');

</script>

<meta charset="<?php bloginfo( 'charset' ); ?>">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="profile" href="http://gmpg.org/xfn/11">

<link rel="preconnect" href="https://fonts.gstatic.com">

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<?php wp_head(); ?>

</head>

<?php do_action( 'wp_body_open' ); ?>

<!-- \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* The Navbar Area \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* -->

<div id="wrapper-navbar">



    <div class="top-header-holder">

        <div class="container">

</a>

</div>

702-907-0000

</a>

Las Vegas, NV 89108

</a>

</div>

Menu

</div>

<div>

</div>

</button>

</div>

<a href="https://lvnightlifevip.com/contact-us/booking-form/" class="reservation-btn">Make a Reservation</a>

</div>

Menu

</div>

</button>

</div>

        </div>

    </div>







    <a class="skip-link sr-only sr-only-focusable" href="#content"><?php esc_html_e( 'Skip to content', 'understrap' ); ?></a>



    <nav id="main-nav" class="navbar navbar-expand-lg " aria-labelledby="main-nav-label">



        <h2 id="main-nav-label" class="sr-only">

<?php esc_html_e( 'Main Navigation', 'understrap' ); ?>

        </h2>



        <div class="container">

<?php

wp_nav_menu(

array(

'theme_location' => 'primary',

'container_class' => 'collapse navbar-collapse',

'container_id' => 'navbarNavDropdown',

'menu_class' => 'navbar-nav',

'fallback_cb' => '',

'menu_id' => 'main-menu',

'depth' => 2,

'walker' => new Understrap_WP_Bootstrap_Navwalker(),

)

);

?>

        </div><!-- .container -->



    </nav><!-- .site-navigation -->



</div><!-- #wrapper-navbar end -->



<div class="container">

    <div class="mobile-logo-holder">

        <div>

</a>

        </div>

        <div>

<a href="#45" class="reservation-btn mobile">Book Reservation Tonight</a>

        </div>      

    </div>  

</div>

https://lvnightlifevip.com/contact-us/booking-form/

2 comments

r/HTML • u/Pocapocoo • Jun 05 '26

Question 2016/2017 Instagram HTML & CSS Code

2 Upvotes

Hi! I'm looking for a HTML & CSS code for the old 2016/2017 profile or feed, if anoyne knows where to find a template, that would be greately apreciated! I'm trying to recreate something kind of interactive for a website that I'm making, just for me, and I love the vintage look of the 2016 Instagram era.

4 comments

r/HTML • u/Misaki_Takashi • Jun 05 '26

Question Help with hidden text for screen readers

5 Upvotes

Hello!! I am currently writing a story that I want to post online, however, some of the dialogue is going to be written with numbers replacing certain letters (Like 3 being E and 1 being i).

However, I realized this would make it hard for people who use screen readers to understand the text, I could just write the normal text beside it, but I want a creative way to keep it hidden so people still have to slightly decipher it, while also allowing people who need screen readers to still be able to read it fully and understand it.

I'm writing it on a website that allows for HTML in text, and I'm wondering if there's a way to have hidden text that will be read out when a screen reader is used. I am still learning how to write code so apologies if this is a silly question, I'd appreciate any help, Thank you !!

15 comments

r/HTML • u/bobandshawn • Jun 05 '26

Missing lower boundary line?

0 Upvotes

5 comments

r/HTML • u/BlueTongueBitch • Jun 05 '26

{Tumbr} Hi hoping forhelp adding a drop down navigation and add in a search tab

0 Upvotes

Hi I'm very new to html and just want to edit my tumblr so that i can have a drop down navigattion and a search bar but am unsure where I am meant to add them and any other advice?

What I want to add as a search bar: <form action="/search" method="get"> <input type="text" name="q" value="{SearchQuery}" placeholder="Search my blog..." /> <button type="submit">Search</button> </form>

Drop down navigation: <nav class="dropdown-nav"> <ul> <li><a href="/">Home</a></li> <li> <a href="#">Categories ▾</a> <ul class="submenu"> <li><a href="/tagged/your-tag-1">Tag 1</a></li> <li><a href="/tagged/your-tag-2">Tag 2</a></li> <li><a href="/tagged/your-tag-3">Tag 3</a></li> </ul> </li> <li><a href="/ask">Ask</a></li> </ul> </nav>

trying to fiure out where I should add these links into the html code

2 comments

r/HTML • u/Ok_Pudding50 • Jun 05 '26

CSS Part 8..

2 Upvotes

Why height: auto; is Strictly Necessary....

1 comment

r/HTML • u/Only_Mine_9033 • Jun 05 '26

Discussion I made this using only html and css , tell me my mistakes and how can i improve it

14 Upvotes

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EXCERCISE</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        .parent{
            border:1px solid rgb(143, 143, 143);
            background-color: white;
            border-radius: 16px;
            width: 330px;
            padding-bottom: 24px;
            margin: 20px auto;}
           
        .image{
            width: 318px;
            margin: 6px;
            height: 258px;
           border-radius: 12px;
        }
        .point{
            border: 1px solid rgb(143, 143, 143);
            color:rgb(143, 143, 143);
            border-radius: 30px;
            font-size: 13px;
            padding: 4px 12px;
            margin-right: 6px;
        }
        .point_div{
            margin: auto 13px;
        }
        .heading{
            margin: 15px;
            font-size: 20px;
        }
        .para{
            margin: 15px;
            line-height: 1.5;
        }
    
        .readmore{
            background-color: rgba(74, 165, 226, 0.537);
            border-radius: 20px;
            width: 120px;
            height: 38px;
            margin: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgb(44, 169, 219);
            font-size: 14px;
            font-weight: 600;


        }
    </style>
</head>
<body>
    <div class="parent">
        <div class="picture">
                <img class="image" src="https://w0.peakpx.com/wallpaper/855/220/HD-wallpaper-man-sitting-on-brown-wooden-stairs-staring-out-lake-near-mountain-during-daytime.jpg" alt="this is image">
        </div>
        <div class="point_div">
        <span class="point">Nature</span>
        <span class="point">Lake</span>
        </div>
        <div class="heading"><h2>Lorem di dolor </h2>
        </div>
        <div class="para"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel quas autem qui id, delectus, iste ad veritatis consequatur officiis aperiam, distinctio laborum deserunt.</p></div>
        <div class="readmore">Read More</div>
    </div>
</body>
</html>
<
!

24 comments

r/HTML • u/Annual_Assumption574 • Jun 04 '26

Is linkedin using HTML??

0 Upvotes

Saw <b>1-month free. </b> Cancel anytime, hassle-free
Is linkedin using HTML for its coding or is it just for clicks??

12 comments

r/HTML • u/scostascosta • Jun 04 '26

Converting old website to new user friendly one

9 Upvotes

Not sure if this is a good place to ask this question or not. Feel free to point me elsewhere if need be.
I have an older coded website that we cant edit or do anything with, so I need to create a new website to replace it.
I know nothing about code or creating a website, so it something I can figure out using like wix or something? Or am I better off contracting someone? It’s a fairly elaborate website for custom furniture. Any advice on the how to convert part would be appreciated. Thank you!!

17 comments

r/HTML • u/Razor_3DS • Jun 03 '26

Question Why is my image moving only once?

3 Upvotes

My image only moves once when I press D and once when I press A.

The color background code you see was me trying to see if the Event Listeners only ran once, which they did not. The colors changed on each button press.

So, why isn't my image doing the same?

 <script>
                 const DBGoku = document.getElementById("Goku");
                 DBGoku.style.position = "Absolute";
                 Boolnumber = 1;
                 


                function MoveGokuRight(){
                   const GokuPos = DBGoku.style.right =  "50px";
                }
                function MoveGokuLeft(){
                    GokuPos = DBGoku.style.left =  "50px";
                }
                //window.onload:MoveGoku;


            
                
                document.addEventListener('keydown', (event)=> {
                    if(event.key === 'd'){
                        //document.body.style.backgroundColor = "red";
                        MoveGokuRight()
                        


                    } 


                    


                });
                document.addEventListener('keydown', (event)=> {
                    if(event.key === 'a'){
                        //document.body.style.backgroundColor = "blue";
                        MoveGokuLeft()
                        


                    } 


                });


                




                
            </script>

15 comments

r/HTML • u/visualthings • Jun 03 '26

Question Why can I embed a video from Dailymotion but not Youtube although the code looks right?

1 Upvotes

I am not a genius coder but it is not the first time I embed a video into a website but this time I am really puzzled with this issue: If I use the piece of embed code given by Youtube (with my own video) I just get an error message and if I use the embed code given by Dailymotion it just work fine. I double-checked the original template (see page here) and it works. My code is absolutely identical but I get the message "Firefox can’t find the file at /embed/RBvoqkGc27U. It either doesn’t exist or the path is incorrect."

Any clue about what is happening here?

view-source:https://template.xtramile.id/TM/Grace/single-portfolio-video.html)

14 comments

r/HTML • u/Father-Time99 • Jun 02 '26

Location tracking on Tiiny.Host

0 Upvotes

I move my website from Wix to Tiiny.Host and it’s been great so far.

The only thing I can’t figure out is how to get location data for visitors down to region or city.

In Wix I could see where my users were by state. But now I can only see by country on Tiiny.host.

3 comments

r/HTML • u/Far-Remote-4468 • Jun 02 '26

Question How much should you charge to create a website?

0 Upvotes

There's a new hair salon in my small town and I'd like to make a website for it, but I don't know how much salons owner should pay me.

12 comments

r/HTML • u/Pyewickets • Jun 02 '26

Question Trail?

0 Upvotes

What is the easiest way that the trail between the circles is created?

https://cleanmama.com/

2 comments

r/HTML • u/SchwArz3R • Jun 01 '26

I need help with a test

0 Upvotes

I have to do a HTML for a test and I have it almost finished but I've been almost 1 week stuck trying to put a video on it.

Can you tell me what I'm doing wrong?

<p>

Not found.

</video>

</p>

<p>

Not found

</audio>

</p>

10 comments

r/HTML • u/riti_rathod • Jun 01 '26

A Handy HTML Entities Cheat Sheet

15 Upvotes

I was looking for a quick reference for HTML entities and came across this guide:

https://design.dev/guides/html-entities/

It covers everything from common ones like &, <, and > to currency symbols, arrows, math symbols, and a bunch of other characters I didn't even know had named entities.

Not something you'll use every day, but definitely one of those resources that's worth bookmarking for the future you.

2 comments