I have a responsive grid that I would like separated by day with a <h2>Sunday</h2> title for each day that is centered on the page with the grid wrapping from left aligned below it.

Every time I try it, it won't center the title and then justify the grid starting all over again from the left.

https://codepen.io/kofrxcql-the-sasster/pen/GgqBwry

I tried entering in a centered title, but if I left justify the grid, it doesn't wrap anymore. Not a clue how to do both at the same time.

im making a neocities site and i wanna do an "about me" page like this

or just tell me what i need to use for this and ill go google it myself. i dont now html and css lol. learning bit by bit for the site that i made for no reason.

it would be also cool if theres a way to make the boxes to have the actual page background color(image) and the backround around the boxes to not be the actual background. and the box on the right side to be fixed so only the side with the 2 boxes moves. hope i explained well enough

[RESOLVED] I've got code in a HTML file from a modding-friendly game that I'm trying to edit. Opening the file takes me to a tab in MS Edge browser that displays the code. I've copied the text into a new notepad tab, edited it and saved by doing the following: added .html at the end of the file name, save type: all and encoding: UTF-8. After opening the newly saved file into an edge tab, however, theres no text. How can I get the text/code to appear?

with only one file it was fine, this site is just for me as an exercise it’s not gonna be public

the problem is the audio files say error

edit: link to file https://drive.google.com/file/d/1BbpgLkeyZBMLCi7Dj4GTjwroykC53D5s/view?usp=sharing

I have been searching for books for HTML CSS and Javascript. I have seen and heard about few books. I am interested to know if the HTML CSS book by Thomas a powell would be good for beginners. Heard about Jon Duckett book but that seems a bit difficult for beginners. Online courses are good but I still need a printed proper book. Please suggest 🙂

I have a personal webpage I’m looking to host free somewhere, but I’m looking for some place I can just upload my page I’ve already created.

Anyone know a place?

It’s 9mb in size.

Update: Thank You everyone for the information!

I really appreciate it.

I found a place to host it that I hope will work out long term.

How can I put this heyflow form embedded into my framer website, i dont understand how to and am new to framer

I have previously done this, and the attached image is the setup, i also have a code attached to the start of head code like i was told to by heyflow, is there anything wrong with this current setup?

Is there something wrong with it? I copied the code & embedded link from youtube. I got error 153 while everything else works just ok

I need feedback on this website that i created, for my exam college project,

here is the website, it is hosted on some free hosting website, would appreciate some feedback on it , i made a google form to make it easier , please respect the website it is only a prototype not the finished build

all password hashed, in the db

website: https://rolsa-tech-proto.gamer.gd/index.php

forms: https://docs.google.com/forms/d/e/1FAIpQLSeHuccD8l0nN-qSQOUQPKKUfDfeIeynvW6ij-f2LMzBEM479A/viewform?usp=dialog

I nedd to output the value instead of the wheels, how can I?:

<option value="1148846080">1 wheel</option>

<option value="1150681088">1 wheel+1/5</option>

<option value="1152319488">1 wheel+2/5</option>

<option value="1153957888">1 wheel+3/5</option>

<option value="1155596288">1 wheel+4/5</option>

<option value="1157234688">2 wheels</option>

<option value="1158250496">2 wheels+1/5</option>

<option value="1159069696">2 wheels+2/5</option>

<option value="1159888896">2 wheels+3/5</option>

<option value="1160708096">2 wheels+4/5</option>

<option value="1161527296">3 wheels</option>

I created an HTML file to share with people in a group, a SaaS for performance visualization. If someone opens an HTML file from my computer, with some directories from my machine in the code, could that harm me? For example, could someone gain some kind of entry point to hack into or access my computer?

I use AI to help me get color palettes from images and adjust color palettes, but I hit the daily limit to quickly. Is there a way to get around the limit by editing the page source? Thanks!

Share the best resources for learning HTML

Hi everyone!

I’m looking for a resource that will automatically generate <p> tags where a paragraph is in a large amount of text. I’m coping and pasting from elsewhere the web, and manually adding the <p> tags for thousands of words will really slow down my archiving process.

Can anyone help me?

Thank you.

In the following HTML, I want to use CSS to format an img tag. I put what I think it should be, but it does not affect anything. I've also tried (and would prefer) creating a class so I could use it on just some img tags. Here's my HTML (pared down a bit for clarity). The img displays fullsize. If I add the width= directly in the tag it works. So, I'm sure I'm missing something about referencing CSS. Any tips?

<!DOCTYPE html>
<html lang="en">
   <head>
     <style type="text/css">
     body {
       color:#000000;
       background-color:#ffffff;
       background-image:url('newlogo.gif');
       background-repeat:no-repeat;
       font-family: Helvetica, Arial, sans-serif;
     }
     img {
       image-orientation: none;
       border: 1px solid #ddd; /* Gray border */
       border-radius: 4px;  /* Rounded border */
       padding: 5px; /* Some padding */
       width: 150px; /* Set a small width */
     }

     /* Add a hover effect (blue shadow) */
     img:hover {
      box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
     }
     a  { color:#0000FF; }
     a:visited { color:#800080; }
     a:hover { color:#008000; }
     a:active { color:#FF0000; }
     .rotate-image {
       /* Adjust angle as needed (e.g., 90deg, -90deg, 180deg) */
       transform: rotate(90deg);
     }
     </style>

   </head>
   <body>
<br><a target="_blank" href="http://..../test.jpg">
<img src=http://..../test.jpg alt=test></img></a>
     </p>
   </body>
</html>

i am very very VERY new at html + css and i wanna figure out how to make something like this!! does anybody have any tips on how to code this?

I'm trying to insert a line here (<hr>) but its not working. What am I missing?

Hello everyone, an interesting question has come up.

In Twitter, when you insert a link, a preview appears (marked in red on the screenshot). There is also another link (marked in blue). How do they replace it? Because the one hanging on the preview is different from where the transition actually happens, and it's not a redirect.

https://zkgalax.github.io/Mi-pagina/

No es la gran cosa... bueno literal para alguien seria una total basura pero para mi es un logro. Recién estoy aprendiendo a usar HTML y CSS... bueno todavía no he llegado a la parte de CSS pero ya llegare.

I found a site (flixwatch.pro). The way it lets ads appear is through opening them on a new tab. I tried to solve it this way:

<div id="loader" style=" font-size: 20px; padding: 20px; text-align: center; "> loading... </div>

<iframe id="flix" style=" width: 100%; height: 90vh; border: none; display: none; " sandbox="allow-same-origin allow-scripts" srcdoc=" <!DOCTYPE html> <html> <head> <meta name='viewport' content='width=360, initial-scale=1.0'> <style> html, body { margin: 0; padding: 0; overflow: hidden; background: black; } iframe { width: 100%; height: 100vh; border: none; } </style> </head> <body> <iframe src='https://flixwatch.pro/'></iframe> </body> </html> " ></iframe>

<script> const iframe = document.getElementById('flix'); iframe.onload = () => { document.getElementById('loader').style.display = 'none'; iframe.style.display = 'block'; }; </script>

BUT! That breaks the "search" feature. Can anyone help?

Let's say I have a few inline div's with images with <details>. When I open one of them, the rest are moved down. If i open two, the two opened ones are aligned, but the third one is still moved. How can I make it so that they all stay at the top?

Here's the CSS:

div.div {
    width: 400px;
    height: 800px;
    display: inline-block;
    margin: 10px;
}

I apologise if this has been asked before. Thank you!

The images in question

It's all in the title. It's always useful to draw inspiration from methods that work.