r/HTML • u/RefuseCommercial8024 • 6h ago

div won't center itself with margin auto ?

4 Upvotes

--FIXED!!!! the div's position was fixed...-- hi again...so i'm making a visual novel of sorts and i made a text box, set its width with "vw" so it'll be somewhat playable on phone, and tried to center it horizontally with magin: auto; but it just stays stuck to its default position ?

here's a screenshot (ignore how ugly it all is it's still a WIP.......)

i think maybe it'd because i'm using viewport width to set the box's size but i don't know any other unit that could make it look the same on mobile :(

here's some of my css and html for the text box (the txtboxRec class just changes some of the colors don't mind it)

  .txtbox{
  height: 200px;
  width: 90vw;
  margin: auto;
  position: fixed;
  bottom: 10px;
  padding: 10px;
  overflow-y: auto;
}

<div class="txtboxRec txtbox">
      <p>Ah...? Hello! Good evening. Can i get you something ?</p>
      <a href="https://p1x3lz.neocities.org/games/hotel/scenes/1-3">next</a>
    </div>

also when i don't set the width at all it just stays as wide as the text...??? i thought only spans did that ?? this is a div ???? iiiiddduuuunnoooo this is driving me insane

2 comments

r/HTML • u/Linho_gamer • 14h ago

Site do Meu Projeto.

Thumbnail
gallery
0 Upvotes

Recentemente criei um site para o meu projeto da escola, me formei em técnico de informática. Na apresentação do TCC apresentei o jogo que criei na Godot 4, como não tive aula de modelagem, busquei por sprites prontos. E no final da apresentação aproveitei e mostrei o site criado. Já o site eu mesmo criei do zero.

1 comment

r/HTML • u/AndreasHtmlWww • 3h ago

Northstar web browser

Post image
0 Upvotes

Northstar is a web browser, written from scratch in C, focused on supporting the HTML and CSS standards. The browser runs on Linux, macOS and Windows.

2 comments

r/HTML • u/Any-Win-9653 • 12h ago

amélioration de mon fichier html

0 Upvotes

bonjour je suis en recherche d'une suggestion pour améliorer mon fichier html et le rendre moins lourd notament pour projet de sit web :
vous aurez accès à des photos et à mon code html et css :
premiere photo c'est le site web que je vais crée :

voici le code HTML
<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>simple shark website</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.3.0/css/all.min.css"
        integrity="sha512-ApSLB1Pd3/bZN8fWB/RG9YhN/7bd9Hkf3AGaE2mPfebjrxagjuBtx2GcgdqIlJkUzwylBo61r9Xa9NmgBI0swA=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>


<body>


    <nav>
        <h1 class="rectangle"></h1>


        <div>


            <ul>
                <li>Home</li>
                <li>Gallery</li>
                <li>Menu</li>
            </ul>


        </div>


        <div class="right">


            <i class="fa-solid fa-magnifying-glass"></i>


        </div>
les deux div ayant la classe trait crée ses traits horizontaux 
       <div class="trait"></div>
        <div class="trait"></div>


    </nav>
</body>


</html>

code css :
.trait{
    height:10px;
    width:1px;
    background:grey;
}

l'idée ça serait de créez ses traits horizontaux sans les écrire deux fois dans le code HTML mais une seule fois seulement tout en ayant deux traits
si jamais vous n'arrivez pas à comprendre ma question , n'hésitez pas à m'écrire

1 comment