HTML Formatting Help

TappedOut forum

Posted on Aug. 9, 2016, 6:37 p.m. by oakenshild

First off I want to say that it seems odd that there is not an HTML formatting megathread or pinned discussion.

I, personally, have only a very limited understanding and experience with HTML but I have seen some number of amazing deck pages and there is clearly a great amount of knowledge in the community.

I am wondering if any of you have some tips for html formatting. Easy ways to spice up a page? nice button formatting? using HTML in deck description? I think it would be a great resource for people, either experienced or not, to have some simple methods to help make more nice looking and more personalized deck descriptions and pages.

oakenshild says... #2

I would like to start off by asking a question about styles.

I'm trying to get a piece of centered text in my desc. but nothing seems to be working what I have been trying is;

(h1 style="text-align:center") centered text (/h1)

when that didn't center the test I tried some other small variations found around the web but for some reason I cant get it figured out.

August 9, 2016 6:41 p.m.

Epochalyptik says... #3

There's a formatting tips and a markdown syntax link right below every comment field. Check those first; they should answer several of the questions you have.

August 9, 2016 6:51 p.m.

oakenshild says... #4

Yes I did go there. Most of the stuff on that reference page was stuff I already knew. I hadn't noticed the Daring Fireball page though. I'll go check that out now.

I do think that a thread could be a great way for people like me (minimal experience but are interested in learning) to start to learn some easy tricks for formatting.

August 9, 2016 7:03 p.m.

Epochalyptik says... #5

I sort of agree, sort of don't. The problem with HTML is that there are already a hundred resources that can teach you more and better than we ever could here. There are a few TappedOut-specific tricks, such as username customization, that already have threads.

August 9, 2016 7:12 p.m.

Gidgetimer says... #6

I know only html so you trying to use CSS is a bit off putting. Most tags require to be opened and then closed with a / before the same command. All commands are put in angle brackets.

Some simple ones are:

center

B

I

Some that don't require closing are HR for a horizontal bar and BR for a hard line break.

August 9, 2016 7:23 p.m.

oakenshild says... #7

@Gidgetimer I'm not very familiar with the difference between HTML and CSS so if I end up mixing them it would purely be accidental. I just used brackets so that Tapped Out didn't try to format the tags. Anywhere a ( or ) would appear in a comment will actually be < or > when I am using them in code blocks.

It looks like you know how to center text. What did you use to get it centered?

August 9, 2016 7:37 p.m.

Gidgetimer says... #8

put the word "center" in angle brackets. Then after the centered text put /center in angle brackets

August 9, 2016 8:33 p.m.

oakenshild says... #9

Haha, well that should have been obvious -.- Thanks!

August 9, 2016 8:41 p.m.

enpc says... #10

Have a look at the w3schools html page. Honestly, it will show you most of the stuff you want to do and will teach you the logic you can then adapt to suit your needs.

It will also explain the difference between html and css.

August 9, 2016 9:51 p.m.

smackjack says... #11

Using center in brackets is no longer a supported standard and should be avoided. The reason your H1 didnt center is because it has auto width. Try (h1 style="text-align: center; width: 100%)

August 10, 2016 6:50 a.m.

This discussion has been closed