Help: A certain section of text on my page is underlined.

Sorcer
Casual Poster ⚓︎

:)

⛺︎ My Room

Help: A certain section of text on my page is underlined.

« on: March 06, 2024 @925.75 »

Hello! As mentioned in the thread title, it seems I did something to make some of the text on my homepage underlined. Link is here. Maybe it's something to do with how I started the list? Any help is much appreciated.


	Logged

Icey!
Sr. Member ⚓︎

Icey/Iceys

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #1 on: March 06, 2024 @954.09 »

I'm not exactly sure what you are asking for, I checked your source code and it seems you are missing a few html tags.

For starters you should only use the <body> tag at the start of your html content (all the text and imgs), along with a closing </body> tag at the end of all your html tags.

For example:

Code

<body>

 <body>
  <p>Don't do this</p>
 </body>

</body>

Code

<body>

<p>Keep all the html in one body, you can't have multiple.</p>

</body>

I also noticed that you missed quite a few closing tags for content especially with links which uses an "<a>" tag along with a text tag like "<p>", these tags should be closed with a "</a >" plus a "</p>" at the end of the line of code.

I've noticed a few areas in your code where you missed a few closing </a > tags and the ending "</li>" tags for the bullet point text:

Code

<h1><center>Shrines</center></h1>
    <ul style="list-style-type: none">
      <li><a href="https://sorcer.neocities.org/MiiShrine">Miis (Under construction, needs a major rework)</a></li>
      <li><a href= "https://sorcer.neocities.org/MadouPuyoShrine">Madou Monogatari/Puyo Puyo (Under construction) <-- here
      <li><a href= "https://sorcer.neocities.org/DarkstalkersShrine">Darkstalkers (Under construction) <-- here
      </ul>

Here is the corrected version of this snip with the ending tags:

Code

<h1><center>Shrines</center></h1>
    <ul style="list-style-type: none">
      <li><a href="https://sorcer.neocities.org/MiiShrine">Miis (Under construction, needs a major rework)</a></li>
      <li><a href= "https://sorcer.neocities.org/MadouPuyoShrine">Madou Monogatari/Puyo Puyo (Under construction)</a></li>
      <li><a href= "https://sorcer.neocities.org/DarkstalkersShrine">Darkstalkers (Under construction)</a></li>
      </ul>

You also seem to be pretty new to HTML, I would recommend trying to research how HTML is constructed and why things are the way they are. Hope this helps!


« Last Edit: March 06, 2024 @959.38 by Icey! »	Logged

my beloved

Sorcer
Casual Poster ⚓︎

:)

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #2 on: March 06, 2024 @967.21 »

Quote from: Icey! on March 06, 2024 @954.09

I'm not exactly sure what you are asking for, I checked your source code and it seems you are missing a few html tags.

For starters you should only use the <body> tag at the start of your html content (all the text and imgs), along with a closing </body> tag at the end of all your html tags.

For example:

Code
<body>

 <body>
  <p>Don't do this</p>
 </body>

</body>
Code
<body>

<p>Keep all the html in one body, you can't have multiple.</p>

</body>
I also noticed that you missed quite a few closing tags for content especially with links which uses an "<a>" tag along with a text tag like "<p>", these tags should be closed with a "</a >" plus a "</p>" at the end of the line of code.

I've noticed a few areas in your code where you missed a few closing </a > tags and the ending "</li>" tags for the bullet point text:

Code
<h1><center>Shrines</center></h1>
    <ul style="list-style-type: none">
      <li><a href="https://sorcer.neocities.org/MiiShrine">Miis (Under construction, needs a major rework)</a></li>
      <li><a href= "https://sorcer.neocities.org/MadouPuyoShrine">Madou Monogatari/Puyo Puyo (Under construction) <-- here
      <li><a href= "https://sorcer.neocities.org/DarkstalkersShrine">Darkstalkers (Under construction) <-- here
      </ul>
Here is the corrected version of this snip with the ending tags:

Code
<h1><center>Shrines</center></h1>
    <ul style="list-style-type: none">
      <li><a href="https://sorcer.neocities.org/MiiShrine">Miis (Under construction, needs a major rework)</a></li>
      <li><a href= "https://sorcer.neocities.org/MadouPuyoShrine">Madou Monogatari/Puyo Puyo (Under construction)</a></li>
      <li><a href= "https://sorcer.neocities.org/DarkstalkersShrine">Darkstalkers (Under construction)</a></li>
      </ul>
You also seem to be pretty new to HTML, I would recommend trying to research how HTML is constructed and why things are the way they are. Hope this helps!

Thank you very much, it's true that I'm not very knowledgeable about HTML. I mostly use w3schools to troubleshoot one thing at a time.


	Logged

ThunderPerfectWitchcraft
Sr. Member ⚓︎

Here be dragons

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #3 on: March 06, 2024 @984.25 »

I also see no underlinings, though - is it fixed already? If not, maybe post a screenshot?


	Logged

Sorcer
Casual Poster ⚓︎

:)

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #4 on: March 06, 2024 @994.48 »

Quote from: ThunderPerfectWitchcraft on March 06, 2024 @984.25

I also see no underlinings, though - is it fixed already? If not, maybe post a screenshot?

I have a screenshot, but get "413 Request Too Large" when trying to post it.


	Logged

ThunderPerfectWitchcraft
Sr. Member ⚓︎

Here be dragons

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #5 on: March 06, 2024 @995.15 »

Upload it on a seperate (image) host, like https://imgur.com/ and post the link here :).


	Logged

Sorcer
Casual Poster ⚓︎

:)

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #6 on: March 06, 2024 @999.72 »

Ah, here we are, I think: https://imgur.com/a/3sRLpeG


	Logged

ThunderPerfectWitchcraft
Sr. Member ⚓︎

Here be dragons

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #7 on: March 07, 2024 @2.93 »

You didn't close the link to your gallery, and so the part still links to it - and is thus underlined.
Change

Code

<a href="https://sorcer.neocities.org/photos">My photo gallery</li>

Code

<a href="https://sorcer.neocities.org/photos">My photo gallery</a></li>


	Logged

Sorcer
Casual Poster ⚓︎

:)

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #8 on: March 07, 2024 @86.70 »

Quote from: ThunderPerfectWitchcraft on March 07, 2024 @2.93

You didn't close the link to your gallery, and so the part still links to it - and is thus underlined.
Change
Code
<a href="https://sorcer.neocities.org/photos">My photo gallery</li>
to
Code
<a href="https://sorcer.neocities.org/photos">My photo gallery</a></li>

Oh, how silly of me, thank you so much.


	Logged

ThunderPerfectWitchcraft
Sr. Member ⚓︎

Here be dragons

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #9 on: March 07, 2024 @818.33 »

You won't guess how many afternoons I spent searching for missing semicolons :D


	Logged

ヤーナム
Newbie

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #10 on: March 07, 2024 @845.56 »

Which code editors do y'all use? Most of them have nice features for indicating syntax errors like missing closing tags or semicolons etc.

It has a tiny bit of a learning curve but I personally use Sublime Text and love it dearly.


	Logged

starbreaker
Sr. Member ⚓︎

What good is Heaven if we dare not storm it?

⛺︎ My Room
SpaceHey: Friend Me!

Re: Help: A certain section of text on my page is underlined.

« Reply #11 on: March 07, 2024 @941.25 »

Quote from: ヤーナム on March 07, 2024 @845.56

Which code editors do y'all use? Most of them have nice features for indicating syntax errors like missing closing tags or semicolons etc.

I've been using GNU Emacs for at least a decade; I don't remember how long it's actually been. But it runs on all sorts of computers, it's free, extensible, customizable, and the sort of editor that, like vim/neovim, can grow with you as you become more familiar with it.

It has an extension package called "web-mode" that lets me check for bad markup. I also like to use a separate CLI tool called HTML Tidy.


	Logged

"I don't want many things, just a chance to spread my wings. Don't know what the future brings, but I want to be there..."

Sorcer
Casual Poster ⚓︎

:)

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #12 on: March 07, 2024 @942.19 »

Quote from: ヤーナム on March 07, 2024 @845.56

Which code editors do y'all use? Most of them have nice features for indicating syntax errors like missing closing tags or semicolons etc.

It has a tiny bit of a learning curve but I personally use Sublime Text and love it dearly.

I use the in-browser code editor on Neocities. I've been meaning to switch to Visual Studio, but I don't really know how to organize all my files to work together with it.


	Logged

starbreaker
Sr. Member ⚓︎

What good is Heaven if we dare not storm it?

⛺︎ My Room
SpaceHey: Friend Me!

Re: Help: A certain section of text on my page is underlined.

« Reply #13 on: March 07, 2024 @944.04 »

Quote from: Sorcer on March 07, 2024 @942.19

I use the in-browser code editor on Neocities. I've been meaning to switch to Visual Studio, but I don't really know how to organize all my files to work together with it.

I think you'd have to get your files out of NeoCities and download them to local storage before you can edit them in Visual Studio. Monthly donors can access to NeoCities' WebDAV interface, which you can use to access your NeoCities' space as a network drive, but I stopped using NeoCities because I find WebDAV janky compared to sftp and rsync.


	Logged

"I don't want many things, just a chance to spread my wings. Don't know what the future brings, but I want to be there..."

ヤーナム
Newbie

⛺︎ My Room

Re: Help: A certain section of text on my page is underlined.

« Reply #14 on: March 08, 2024 @111.18 »

Quote from: starbreaker on March 07, 2024 @941.25

I've been using GNU Emacs for at least a decade; I don't remember how long it's actually been. But it runs on all sorts of computers, it's free, extensible, customizable, and the sort of editor that, like vim/neovim, can grow with you as you become more familiar with it.

It has an extension package called "web-mode" that lets me check for bad markup. I also like to use a separate CLI tool called HTML Tidy.

I've flirted with Emacs over the years but I always find myself in config paralysis. I just found your guide on your site so maybe I'll take another look. :)


	Logged

Pages: [1] 2

« previous next »

Vaguely similar topics! (3)