You are either not logged in or not registered with our community. Click here to register.
 
December 06, 2016, 02:19:37 AM

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

Click here if you are having problems.
Default Wide Screen Beige Lilac Rainbow Black & Blue October Send us your theme!

Hark!  The Herald!
Holiday Issue 2016

Wiki Blogs Dicebot

Author Topic: Tables problem!  (Read 431 times)

0 Members and 1 Guest are viewing this topic.

Offline RahzillaTopic starter

Tables problem!
« on: February 15, 2016, 08:45:26 PM »
Hi, so I'm trying to do a more complicated type of table with no idea how to accomplish what I'm looking for.

Below is what I have so far for the table, and below that is the problem I'm having...

Titles     Co-Authors     Descriptions
CatCalls     [Shale]     
Spoiler: Click to Show/Hide
Set in a futuristic world, Mali is left alone and hiding in the world. She was unfortunately born as an animal-human, part orange tabby cat and part human. At first the world she was born into was decent. It wasn't until protesters won the battle and her species was killed off. There are many who still survive on the streets. But if found harbouring an animal-human, the person would go to jail and the animal would be put down. If found, Mali would still be put down.
Feeling as though she would be alone for the rest of her life, Mali meets Carl, who is going through a rather hard breakup with his ex-fiancee. What will happen when he finds his heart cannot leave Mali out in the cold world on her own?
Elven Bride and the Demon King     [Davion]     
Spoiler: Click to Show/Hide
Ilsia is a pawn in this love story. Coming from light and goodness, she is thrown into the dark with a man she knows very little about. It doesn't help that she is to be married to this man within the coming days. How will she stand the darkness that shrouds her? A better question, how will she continue to live while married to the man of darkness himself.

After coding the entire thing with all my current stories and such, I find that when you click the spoilers button, it moves everything out of place, pushing the other columns to the left. Is there a way to keep the first two colomns in their position and only expand the spoiler column when you click on the spoiler button? If there is, I would very much like to know the solution! Thanks!

Also, the codes for what I have so far:
Code: [Select]
[center][table]
[tr][td][b]Titles[/b][/td][td]     [/td][td][b]Co-Authors[/b][/td][td]     [/td][td][b]Descriptions[/b][/td]
[/tr]
[tr][td][url=https://elliquiy.com/forums/index.php?topic=232452.0]CatCalls[/url][/td][td]     [/td][td][Shale][/td][td]     [/td][td][spoiler]Set in a futuristic world, Mali is left alone and hiding in the world. She was unfortunately born as an animal-human, part orange tabby cat and part human. At first the world she was born into was decent. It wasn't until protesters won the battle and her species was killed off. There are many who still survive on the streets. But if found harbouring an animal-human, the person would go to jail and the animal would be put down. If found, Mali would still be put down.
Feeling as though she would be alone for the rest of her life, Mali meets Carl, who is going through a rather hard breakup with his ex-fiancee. What will happen when he finds his heart cannot leave Mali out in the cold world on her own?[/spoiler][/td]
[/tr]
[tr][td][url=https://elliquiy.com/forums/index.php?topic=208602.0]Elven Bride and the Demon King[/url][/td][td]     [/td][td][Davion][/td][td]     [/td][td][spoiler]Ilsia is a pawn in this love story. Coming from light and goodness, she is thrown into the dark with a man she knows very little about. It doesn't help that she is to be married to this man within the coming days. How will she stand the darkness that shrouds her? A better question, how will she continue to live while married to the man of darkness himself.[/spoiler][/td]
[/tr]
[/table][/center]

~Rahzilla.


Offline AmberStarfire

  • Rogue Starlight ~ Fantasy Novelist ~ This Is Who We Are ~ Scully to his Mulder
  • Dame
  • Carnite
  • *
  • Join Date: Aug 2008
  • Location: Somewhere that makes me smile
  • Gender: Female
  • ❤ Snuggler of the Wyld and Hairy ❤
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Tables problem!
« Reply #1 on: February 15, 2016, 09:41:27 PM »
The way the spoiler displays is determined by the CSS files on each theme.

From Pink and Grey
.spoiler_container {
  display: inline-block;
}

.spoiler_header {
  display: inline-block;
  border: 1px solid #000 !important;
  border-radius: .5em;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  margin: 0;
  color: #000 !important;
  padding: .25em;
  background: #e3e6e6 !important;
}

.spoiler_header:hover {
  color: #455058 !important;
  background: #f68ed5 !important;
}

.spoiler_body {
  display: none;
  border: 1px solid #000;
  border-radius: .5em;
  padding: 2px;
}


I don't think there's really anything you can do to correct the spoilers on your table. Maybe just left-align the table and see how it looks. I may be missing something about the BBCode options but there's nothing I know about.
 

Offline AmberStarfire

  • Rogue Starlight ~ Fantasy Novelist ~ This Is Who We Are ~ Scully to his Mulder
  • Dame
  • Carnite
  • *
  • Join Date: Aug 2008
  • Location: Somewhere that makes me smile
  • Gender: Female
  • ❤ Snuggler of the Wyld and Hairy ❤
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Tables problem!
« Reply #2 on: February 16, 2016, 09:51:22 AM »
I did some more research. I'm not sure how it works but there was a bit posted here by Caeli, saying that you can reduce spoiler box size by putting a floatleft tag around it.

https://elliquiy.com/forums/index.php?topic=114574.0

This was her example:

like this?
here



Also unrelated, it's possible to use width=a certain number on a spoiler tag, but it doesn't work on the body of the hidden text, only the spoiler button itself and it makes the automatically generated text go away. It also doesn't work in conjunction with a title put on the spoiler button. It's not useful here.
« Last Edit: February 16, 2016, 09:56:14 AM by AmberStarfire »

Offline RahzillaTopic starter

Re: Tables problem!
« Reply #3 on: February 16, 2016, 10:04:19 AM »
I read about that in the tutorials section, but sadly it doesn't work once you get long text passages in the spoiler area.
Once you put a large chunk of text in it, they look the same, whether there's a float tag or not...

Without the Float tag
Samantha isn't a typical woman. Instead of getting married and playing the perfect housewife, Samantha decides to run away from home and impersonate a male in order to become an airship engineer or pilot. She aced the qualifiers for a scholarship and is well on her way. That is until she gets a male roommate. What will happen when her roommate, Ben, finds out her secret?

With the Float tag
Samantha isn't a typical woman. Instead of getting married and playing the perfect housewife, Samantha decides to run away from home and impersonate a male in order to become an airship engineer or pilot. She aced the qualifiers for a scholarship and is well on her way. That is until she gets a male roommate. What will happen when her roommate, Ben, finds out her secret?

So my problem persists lol