Table Alignment aka valign='top'

Subscribe to Table Alignment aka valign='top' 14 post(s), 5 voice(s)

 
Richard26_thumb_48 spidieman 35 post(s)

anyone have a solution to use this code so it works?

i like to use tables in my wiki/pages i find it makes the pages more neat and organized.

however when i use this code, it dose not seem to work.

 
1279911_thumb_48 FemmeLegion 259 post(s)

Not all attribute tags are allowed. Just above the content field, there’s usually something saying “Textile formatting and some HTML is allowed”. If you click on the words “some HTML”, it’ll tell you which tags are recognized.

 
Gato_sexy_thumb_48 Frenchy2k1 4 post(s)

The tags described on the page you reference are not complete.
Just try the tags you want and see the results.
If it does not work, assume the tag is not recognized.

For example, some of the table tags to merge cells in css do not work while the textile support it.

 
Richard26_thumb_48 spidieman 35 post(s)

any suggestions as how to could try and achieve the same result so i can have a nice clean look on my wiki?

 
Fantasy_art_036_thumb_48 Gully 40 post(s)

I know that you can use a table float comand, but I dont think this is what your talking about.

There is allways creating a seperator cell for text then adding the second table directly so that they all come out the same size.

Example: http://www.obsidianportal.com/campaign/1247/wikis/spaceship-armor-gadgets

Not sure what you are exactly trying to do (I’m a noob to web proging and don’t know HTML at all)

 
Fantasy_art_036_thumb_48 Gully 40 post(s)

My example is just two different tables made as one. The suggestion would require having an additional cell right above the Flaws title with supporting text.

 
Richard26_thumb_48 spidieman 35 post(s)

not quite it.

check out http://www.obsidianportal.com/campaign/1158/wikis/main-page

as you can see i built a psudo menu on the left hand side. well because the text in the right most cell does not take up as much vertical space, it is set to be in the middle of the cell, instead of the top. (where i’ve set it up in dream weaver)

my main concerning is i have some pages where this psudo menu is repeated but where the right most cell has more text then the menu, so then the menu is in the center and not at the top most.

 
Fantasy_art_036_thumb_48 Gully 40 post(s)

Ok now I understand let me see what I can discover I’ll get back to you

 
Fantasy_art_036_thumb_48 Gully 40 post(s)

Aparently the cell you want aligned to the top needs to have the ^ followed by a period. I got it to work on my trials though I can’t get it to multy align (I.E. Top Center) only one will work. .... Hope this helps

 
Avatar2141_1_thumb_48 redstar 108 post(s)

Spiedieman:

Here is a better idea (in my opinion). Don’t make a column on the right side, since that looks like it will be all the “body” copy. Take all the info on the left and use a DIV tag, and float in left. That way you have the entire other side to do what you want!

try this:

<DIV style="float:left; padding-right:10px">

Make a list!
* Any list!
* Of all types of things!

</DIV>

EDIT: You can’t use h1/h2 tags in a DIV, I’ve noticed. But can always just make in bold…

 
Richard26_thumb_48 spidieman 35 post(s)

http://www.obsidianportal.com/campaign/1158/wikis/main-page

yeah not quite the look i am going for. its kind of odd. i left my modifications up so you can see.

 
Avatar2141_1_thumb_48 redstar 108 post(s)

hmm something happened. That doesn’t look right… be sure to put a new line before and after both the

<div>
tags. Also, you don’t have to make a list in the div. You could just make new lines. The only thing you can’t do is add h1/h2 tags.

 
Richard26_thumb_48 spidieman 35 post(s)

i guess i miss understood what you were saying. i thought each cell or area i had was going to be a diffrent DIV

instead i am now using this code

i had to use blank lines with periods so i can acheive proper spacing away from the horizontal line that seperates the page from player viewable and dm viewable

. <DIV style="float:left; padding-right:10px"> * [[Party]] * [[House Rules]] * [[Locations]] * [[History]] * [[Orginizations]] * [[Cutom Items]] * [[Tools]] * [[Chapter Notes]] * [[Attachements]] . </DIV> <p>Its been 100 years since the giant wars, and since orcus last attempted to detroy the realm.</p> <p>Our heros embark on a adventure in a dark world that reveals the true history of what happened 100 years ago. </p> <p>Each new day seems to reveal something about the worlds history, and they begin to see how they are all inertwined.</p> . . .
 
Avatar2141_1_thumb_48 redstar 108 post(s)

looks good! try this to help with the spacing, rather than using the ”.” Also, I would shy away from using the “p” html tag in the wiki. If you place a line between the sentences in the editor, it is effectively the same thing in the wiki-syntax.

The trick with the spacing, is to use the “padding” property to space everything out. “px” stands for pixels. Check out this reference for more info.

<DIV style="float:left; padding-right:10px; padding-top:20px; padding-bottom:20px"> 

* [[Party]] 
* [[House Rules]] 
* [[Locations]] 
* [[History]] 
* [[Orginizations]] 
* [[Cutom Items]] 
* [[Tools]] 
* [[Chapter Notes]] 
* [[Attachements]] 

</DIV> 

<DIV style="padding-top:10px; padding-bottom:30px"> 

Its been 100 years since the giant wars, and since orcus last attempted to detroy the realm.

Our heros embark on a adventure in a dark world that reveals the true history of what happened 100 years ago.

Each new day seems to reveal something about the worlds history, and they begin to see how they are all inertwined.

</DIV>