MOBAFire's first Mini Guide Contest of Season 14 is here! Create or update guides for the 30 featured champions and compete for up to $200 in prizes! 🏆
koksei wrote:
"To learn CSS u must first learn tables.
Now that u know about tables forget all about them again and lets face CSS."
- Every graphic design teacher ever
Now that you know about columns, forget all about them again and let's face tables.
The MOBAFire version.
Fortunately or unfortunately, not all table html seems to be supported, but it's enough to get ~dangerous~.
Also if a design teacher ever told you that you need to learn tables b4 css, then you should ask for a refund on your education... Tables still have uses for presenting data, and they aren't the same as definition lists. They shouldn't not be taught for layout in the first place. >_>
I'm still waiting on the day mobafire lets me use CSS... Think of the :hover states. ( ･◡･)
Also if a design teacher ever told you that you need to learn tables b4 css, then you should ask for a refund on your education... Tables still have uses for presenting data, and they aren't the same as definition lists. They shouldn't not be taught for layout in the first place. >_>
I'm still waiting on the day mobafire lets me use CSS... Think of the :hover states. ( ･◡･)
hi embracing. yes i play ff14 now.
astrolia wrote:
Fortunately or unfortunately, not all table html seems to be supported, but it's enough to get ~dangerous~.
Also if a design teacher ever told you that you need to learn tables b4 css, then you should ask for a refund on your education... Tables still have uses for presenting data, and they aren't the same as definition lists. They shouldn't not be taught for layout in the first place. >_>
I'm still waiting on the day mobafire lets me use CSS... Think of the :hover states. ( ･◡･)
well I had some html and css knowledge before, enough to skip tables for sure.
the whole class tried telling the teacher its useless.. but welp school systems rule.
~ Sig by Xiaowiriamu ~
I am writing an exam on basic HTML tomorrow. The table I am working on are much more simplified than what you presented, though :)
You need to log in before commenting.
While using tables for layout is not acceptable in web design, it is perfectly a-ok for your little guide cause frankly this is the best they're giving us.
Tables also allow for the use of a background color. In more eloquent hands, this might lead to better laid out information. In inexperienced hands, this might lead to the most painful to read guide ever. With great power comes great responsibility, kids.
Also, Mowen made a basic guide on Wildstar Fire, but failed to mention stuff like TH (pre-formatted table header, replaces a TD tag) and ROWSPAN (vertical version of COLSPAN.)
To get a copy of the code for these examples, hit the Quote button in the top right to get a copy.
(Colors are to demonstrate where table cells start/stop.)
Item Build
Masteries
Mastery Choices
Legend
Purple: Core mastery. Take this every game.
Blue: Choice/preference mastery. You can choose whichever to open up the next tier.
Red: Useless to support or just a noob trap mastery. Avoid.
Colored "Dividers"
You can set the padding in the td to control the height. However, it adds padding to all 4 sides (top, bottom, left, right) so padding=1 will give you a "height" of 2 pixels (1 on top, 1 on bottom).
Example:
Alignment
Another advantage of tables over padding is being able to specify vertical alignment. If vertical-align=bottom or vertical-align=top aren't applied to a TD, the table will default to your content showing dead center.
masteries
summoners
items
laning
team fights
videos
table of contents
Nullam venenatis nunc et tortor aliquam, ac accumsan lorem mollis. Etiam vel porttitor eros. Cras sit amet commodo nisl. Nullam aliquam vestibulum turpis, vel eleifend eros consectetur at. Cras dignissim malesuada quam, vitae tristique nisi ultrices nec. Nam congue sed dolor et suscipit. Maecenas auctor a ligula vitae commodo. Quisque eget leo ac nunc dignissim interdum. Nullam tincidunt lectus a cursus tincidunt.
The Center Tag
Wrapping your table in center tags will make the table centered in your guide/post, but also all of the text inside of it will be centered. (Btw, you can insert tables within tables, just remember to close the tags.)
BG Color Quirks
You can specify a BG color in TR and it will auto-color every TD within the TR. You can also set a BG color on the whole table - that's what gives the appearance of a "border" in this example. Without the TRs having bg color set, it would just be a white background.
Match Ups
Hard
Easy
50/50
In normal html/css, you would add in "border-spacing:0;" to the table to fix it so there's no spacing between each cell causing the table background to show, but that argument doesn't seem to be used on Mobafire.
(I'll add something else when I feel like it.)