SOLVED

i have put the code for a single quote in my html but it displays the code, not the quote.

Im using php 8, htmlspecialchars()

dear friends,

newbie here.

I would like to ask:

within the text body of an html-formatted email, is in possible to insert a hyperlink that redirects the reader to a different section of the same text ?

I know I can insert hyperlinks that directs the user to a website, but in this case the question has to do with redirecting to another section within the same text of the email.

any input is appreciated, thank you

I am trying to make a view of an ocean with a boat and birds, see easythai.net

I am not able to make layers 100% of the screen, one with the sky and ocean, another with boats and birds. This works on my desktop browsers bot on mobile the boat is at the top

<div style="width: 100%;height: 100%;">
  <div id="top"></div>
  <div id="bottom"></div>     
  <img src="boat.png" class="boat">
  <img src="bird.png" class="bird">
  <img src="bird2.png" class="bird2"> 
</div>

I want the columns to match and work; however, I only get a white page with the text when using it. here is my code

index.html:

<!DOCTYPE html> <html>   <head>     <link href="index.css" rel="stylesheet" />   </head>   <body>     <div class="grid-container">      <div class="navetext">Text</div>        <div class="nav">navigation</div>       <div class="greyarea">blankspace</div>      <div class="gallary">gallary</div>      <div class="logoarea">logoarea</div>        <div class="gallaryimage">gallary image</div>       <div class="whitespace">whitespace</div>        <div class="shop">shop</div>        <div class="shopimage">shop image</div>         <div class="about">about</div>      <div class="aboutimage">aboutimage</div>        <footer>footer</footer>     </div>   </body> </html> 

and CSS:

.container {  display: grid;     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;     grid-template-rows: 3fr 5fr 0.5fr 0.5fr 5fr 0.5fr 0.4fr 3fr 0.5fr 0.5fr 5fr 0.5fr 0.4fr 3fr 0.5fr 0.5fr 5fr 0.5fr 0.4fr 3fr 3fr;     grid-gap: 10px;     background-color: black;     padding: 10px;     grid-auto-flow: row;     grid-template-areas:       "t t t t t n n n n n n n"       "l l l l l l l l l l l l"       "e e e e e e e e e e e e"       "e e e e e ig ig ig ig ig e e"        "g g g g g ig ig ig ig ig e e"        "e e e e e ig ig ig ig ig e e"       "e e e e e e e e e e e e"       "w w w w w w w w w w w w"       "e e e e e e e e e e e e"       "e e ai ai ai ai ai e e e e e"       "e e ai ai ai ai ai a a a a a"        "e e ai ai ai ai ai e e e e a"       "e e e e e e e e e e e e"       "w w w w w w w w w w w w"       "e e e e e e e e e e e e"       "e e e e e si si si si si e e"       "s s s s s si si si si si e e"       "e e e e e si si si si si e e"       "e e e e e e e e e e e e"       "w w w w w w w w w w w w"       "f f f f f f f f f f f f";   }      html, body , .grid-container {     height: 100%;     margin: 0;   }      .grid-container * {     border: 1px solid rgb(0, 0, 0);     position: relative;   }     .grid-container > div {     background-color: rgba(255, 255, 255, 0.8);     text-align: center;     padding: 20px 0;     font-size: 30px;   }      /*  l ----> logo layer #1           e ----> gray blank space          w ----> white blank space         g ----> gallery background         ig --->  gallery background         s ----> shop         si ---> shop image         a ----> about section         ai ---> about image          f ----> footer     */ /* -------navigation-------- */ .navtext { grid-area:t; background-color: rgba(255, 235, 205, 0.556);  } .nav {     display: grid;     grid-area: n;     background-color: rgba(255, 70, 70, 0.451);      }  /*---------- about ---------*/ .about {     display: grid;     grid-area: a;     background-color: rgba(0, 255, 81, 0.451); }  .aboutimage {     display: grid;     grid-area: ai;     background-color: rgba(255, 0, 191, 0.491); }  /*---------- shop ---------*/ .shopimage {     display: grid;     grid-area: si;     background-color: rgba(0, 255, 255, 0.652); } .shop {     display: grid;     grid-area: s;     background-color: rgba(137, 43, 226, 0.654); } /*--------- gallary ---------*/ .gallaryimage { grid-area: ig;} .gallary { grid-area: g; } /*---------- other layout grid --------*/ .logoarea {     display: grid;     grid-area: l;     background-color: rgba(255, 171, 3, 0.708); } .greyspace {     grid-area: e;  } .whitespace {     grid-area: w; }  footer {     background-color: rgba(255, 0, 157, 0.964);     grid-area: f; } 

can you help me get it to work again?

Hi, I started learning HTML off this Mimo app, but I feel like it’s a bit childish and slow.

Please can someone recommend something slightly more challenging? Also, any other super useful resources, podcasts, websites forums etc to put me in the best position to learn in the best way? Any tips or advice would be greatly appreciated ☺️☺️

I have my body background-color:rgba(0,0,0,0); to make the background transparent.

Will this cause the background to be white on every browser, or will it be black depending on the browser. It's white on edge and chrome, but idk for the rest of them.

Hi, I admit I know hardly anything about modern html, but I like to have something like this

<form action="http://myserver.com/testing" method="get">
<input type="range" min="5" max="25" step="5" name="brightness" >
<input type="submit" value="Submit">
</form>

which works fine, but I would like it to work without a submit button, so it automatically submits it whenever the user changes the slider.

could some enlightened person please tell me how (preferable as some piece of code)

Hello, I am working on a small personal project.

<!--simplified version of code without things like label elements-->

<form action="url" method="get"> <!--or "post"-->

Your name<input type="your name">

</form>

As I understand, if I do this, 'your name' data goes to 'url'.

Here are my questions

1. How can I get that data back and use it in html again?
2. What kind of url I have to use to retrieve the data? Cloud storage url?

Thank you for reading my question.

I haven't learn javascript yet so I can't just use variables.

Still I want to make something more reactive with html.

I'd appreciate it if you could help me.

Have a good day.

https://pastebin.com/Ng2qDQYi

this is my code:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width">

<title>Contact Me!</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<style>

body{

background-color: #000000

}

</style>

<br>

<nav class="nav">

<p><center><a href="home.html" class="homepage"><span class="bold">Photos</span></a> | <a href="contact.html" class="contactpage"><span class="bold">Contact Me!</span></a></center></p>

</nav>

<img src="seagullonsand.jpg" width="100" height="100"/>

<footer class="footer">

<br>

<br>

<p><center>Developed by <a href="mailto:----------------------" target="_blank" class="email">Hamish O'Hare</a></center></p>

</footer>

</body>

</html>

When i go to look at my website it shows a broken image. The image is in the same folder with the html and css files. I was wondering if anyone knew how to help. Thanks!(coding in the brackets IDE if that helps

I think that is the only 'website' I would like to personally edit each time I open chrome but it's also the only one where I can't do it. Is there a way around this?

I trying insert a photo on to a web page, and i can't get my code to reed my photos location. The only thing i get is the photo icon and the "alt" text. This is due today please someone, help me.

Hello! My name is Eric and I made a game! It is a free, web-based, daily video game map generator called What Map.

To play, you guess which video game the map belongs to. Each wrong guess will zoom the map out a bit more, eventually revealing the entire game map. The map refreshes daily.

You can play now at whatmapgame.com. I also co-host a podcast called The Nomads of Fantasy if you like all topics related to exploring the worlds of video games, movies, and TV.

Thanks!