Author Topic: Help with Wikitable  (Read 2785 times)

batman

  • signavatar lives!
  • Shine Sprite
  • ******
  • Guiliant
    • View Profile
Help with Wikitable
« on: June 20, 2015, 06:38:00 AM »
I need some help formatting my wikitable so that it looks better.

I'm working on a project on a wiki running Mediawiki and have been working for the first time with wikitables. I made one for some information I wanted to show:

Code: [Select]
{| class="wikitable"
!colspan="2"|Realm First Level 80
!
!colspan="2"|Realm First Profession
!
!colspan="2"|Realm First Reputation
|-
!Associated Achievement
!Title
!|
!Associated Achievement
!Title
!|
!Associated Achievement
!Title
|-
|Level 80
|<Name> The Supreme
||
|Grand Master Alchemist
|Grand Master Alchemist <Name>
||
|Northern Vanguard
|<Name>, Hero of Northrend
|-
|Level 80 Death Knight
|<Name> of the Ebon Blade
||
|Grand Master Blacksmith
|Grand Master Blacksmith <Name>
|-
|Level 80 Druid
|<Name> of the Emerald Dream
||
|Grand Master Cook
|Iron Chef <Name>
|-
|Level 80 Hunter
|Stalker <Name>
||
|Grand Master Enchanter
|Grand Master Enchanter <Name>
|-
|Level 80 Mage
|Archmage <Name>
||
|Grand Master Engineer
|Grand Master Engineer <Name>
|-
|Level 80 Priest
|Prophet <Name>
||
|Grand Master Angler
|Grand Master Angler <Name>
|-
|Level 80 Rogue
|Assassin <Name>
||
|Grand Master Herbalist
|Grand Master Herbalist <Name>
|-
|Level 80 Shaman
|<Name> of the Ten Storms
||
|Grand Master Scribe
|Grand Master Scribe <Name>
|-
|Level 80 Warlock
|<Name> the Malefic
||
|Grand Master Jewelcrafter
|Grand Master Jewelcrafter <Name>
|-
|Level 80 Warrior
|Warbringer <Name>
||
|Grand Master Leatherworker
|Grand Master Leatherworker <Name>
|-
|Level 80 Blood Elf
|<Name> of Quel'Thalas
||
|Grand Master Miner
|Grand Master Miner <Name>
|-
|Level 80 Draenei
|<Name> of Argus
||
|Grand Master Skinner
|Grand Master Skinner <Name>
|-
|Level 80 Dwarf
|<Name> of Khaz Modan
||
|Grand Master Tailor
|Grand Master Tailor <Name>
|-
|Level 80 Gnome
|<Name> of Gnomeregan
||
|Grand Master Medic
|Doctor <Name>
|-
|Level 80 Human
|<Name> the Lion Hearted
|-
|Level 80 Night Elf
|<Name>, of Elune
|-
|Level 80 Orc
|<Name>, Hero of Orgrimmar
|-
|Level 80 Tauren
|Plainsrunner <Name>
|-
|Level 80 Troll
|<Name> of the Darkspear
|-
|Level 80 Forsaken
|<Name> the Forsaken
|}

As you can see, it really isn't all that elegant, and sort of improvises a lot. :yoshi: Anyway, it comes out to look like this:

Spoiler (click to show/hide)

I don't think that the empty space looks all that good; particularly, the gray. I'd like to at least make it look like this:

Spoiler: Edited with Paint (click to show/hide)

How would I edit the Wikitable markup so that the gray empty space is removed/replaced with white empty space? Most of my learning has been from changing values or parameters to see what looks good, but I can't for the life of me figure out this one.
« Last Edit: June 20, 2015, 06:45:14 AM by Gulillilliant »
It isn't, I'm just saying I'm not gay (although I'd still eat Dimentio's ass)
This is an actual quote. This was an actual post. Somebody actually sat down and clacked in that combination of words onto their keyboard.

Rintarou Okabe

  • his smile and optimism = gone
  • Donkey Kong
  • *******
  • freakworld
  • El Psy Kongroo
    • View Profile
Re: Help with Wikitable
« Reply #1 on: June 20, 2015, 06:56:18 AM »
uh where is the difference between the first and the second picture?

Lakituthequick

  • with lowercase T and Q
  • Awards Committee
  • Celestial Guide
  • ***
  • Rest in Peace, Walkazo 😢
    • View Profile
Re: Help with Wikitable
« Reply #2 on: June 20, 2015, 10:50:39 AM »
Code: [Select]
{| class="wikitable" style="background-color:transparent"
This will make the cells transparent too but it at least looks consistent.

If you have access to the Wiki CSS I can suggest a thing that avoids that but try this first.

batman

  • signavatar lives!
  • Shine Sprite
  • ******
  • Guiliant
    • View Profile
Re: Help with Wikitable
« Reply #3 on: June 21, 2015, 04:59:21 AM »
uh where is the difference between the first and the second picture?

Check the empty space, it's gray and in the second picture it's white!

It's a lot more noticable on an actual page.



Code: [Select]
{| class="wikitable" style="background-color:transparent"
This will make the cells transparent too but it at least looks consistent.

If you have access to the Wiki CSS I can suggest a thing that avoids that but try this first.

I think I have access to the CSS. I don't really know much past basic wiki markup, so I'm pretty lost when it comes to those types of things. :bowser:

Eh, in any case, the transparent works, and it does get rid of what I want it to.
« Last Edit: June 21, 2015, 05:05:39 AM by Gulillilliant »
It isn't, I'm just saying I'm not gay (although I'd still eat Dimentio's ass)
This is an actual quote. This was an actual post. Somebody actually sat down and clacked in that combination of words onto their keyboard.

Lakituthequick

  • with lowercase T and Q
  • Awards Committee
  • Celestial Guide
  • ***
  • Rest in Peace, Walkazo 😢
    • View Profile
Re: Help with Wikitable
« Reply #4 on: June 21, 2015, 09:08:50 AM »
I mean like editing rights to MediaWiki:Common.css on your respective Wiki. If you do, I suggest doing things like this:

On MediaWiki:Common.css, add the following code:
Code: [Select]
table.nobackground { background-color: transparent }
table.wikitable.nobackground td { background-color: #f9f9f9 }

Then open your table like this instead:
Code: [Select]
{| class="wikitable nobackground"
This will make the table transparent, but will still color the cells with the lightgray background it used to have (useful if you have a background on your site).

batman

  • signavatar lives!
  • Shine Sprite
  • ******
  • Guiliant
    • View Profile
Re: Help with Wikitable
« Reply #5 on: June 22, 2015, 05:43:13 AM »
Bah nevermind then, I guess I don't have access to the css. I'm not an admin.

Maybe I could talk them into adding it :mario:

Thanks for the help!
It isn't, I'm just saying I'm not gay (although I'd still eat Dimentio's ass)
This is an actual quote. This was an actual post. Somebody actually sat down and clacked in that combination of words onto their keyboard.

Lakituthequick

  • with lowercase T and Q
  • Awards Committee
  • Celestial Guide
  • ***
  • Rest in Peace, Walkazo 😢
    • View Profile
Re: Help with Wikitable
« Reply #6 on: June 22, 2015, 12:18:00 PM »
You're welcome, good luck!