Help with Wikitable

Guiliant

Shine Sprite
Pronouns
He/They
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:
{| 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:

DSyjQ8u.png

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:

eoveqWd.png

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.
 
Eri Ayase said:
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.



Lakituthequick said:
Code:
{| 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.
 
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:
table.nobackground { background-color: transparent }
table.wikitable.nobackground td { background-color: #f9f9f9 }

Then open your table like this instead:
Code:
{| 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).
 
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!
 
Back