BrokenClock
Hi everyone!
I'm having some trouble with the code. What I want to do is put a picture to the right of a background image. Everytime I put it in, it seems to just go inside of the background image. Here, take a look at what I mean:
http://www.obsidianportal.com/campaign/govaga/wikis/minotaur
I want that second picture to be outside of that text block. What code do I need and where would I put it?
Thanks for your help!
Comments
Like that.
!(media-item-align-center){width:700px;height:350px}http://cdn.obsidianportal.com/assets/13970/122023.jpg(122023)!
Minotaurs embody the tension between civilization and savagery, discipline and madness, for they stand in two worlds. Tugged toward violence but bound by conscience, numerous minotaurs are driven to rise above their dark impulses. Such a minotaur seeks the balance between the monstrous and the refined. Innumerable minotaurs give in to the temptations staining their souls and find themselves thralls to Baphomet, the Horned King. Minotaurs must struggle to become more than the beasts they resemble or else succumb to the demonic brutality they despise. Oddly enough, many minotaurs expel their rage on their own body. !(media-item-align-right){width:200px;height:300px}http://cdn.obsidianportal.com/assets/13971/43512-minotaurs.jpg(43512 minotaurs)!
The Minotaurs of the northern winterlands have abandoned the Horned King and have decided instead to worship the Lady of Pain. Their masochistic rage is perfect for the Lady of Pain, who hates being worshiped and kills or tortures all those that do. I have always felt that the reason the Minotaurs left their forest villages was to seek refuge away from the civilized world, because no race could accept the Minotaur as a civilized creature. Their isolation drove them to the brink of madness and in their madness their welcomed the painful embrace of the Lady.
I am pretty sure Chainsaw will be able to help you out, because he has the mad HTML skillz. If he doesn't get to it, I may have a go, but I'm at work at the moment and have to plan for my own game tonight.
I'm very interested in seeing if anyone finds a solution.
http://www.obsidianportal.com/campaign/sanction/wikis/templates
The bottom tables are side by side. I'm sure the code isn't much different than whatever was used for that.
Hate to be so specific, but it all effects the underlying structure.
No text on the right is needed, really. But, if it's possible and easy, than right above or bellow the image on the right would be perfect.
No, it's good to be specific. You don't want to help and then find me complaining that it's not what I want. But at this point, I'm happy with any bone you can throw.
bq.
Minotaurs embody the tension...
_Note: The forums fail at formatting code, but if you take the above and add the line breaks and tabs back in, it should make more sense. Sorry for the extra step._
Basically, what that does is sets up a two column table (because table cells are the only element that supports centering vertically), and puts the text in the left hand column, and the image in the right. The top image is positioned absolutely, so it can flow over both columns, and a div is contains the text, so it can be pushed down under the top image (you'd just replace that with the side-bar code you're currently using, and adjust the padding of both columns to fit).
I'm not one hundred percent sure on a lot of that stuff, but I'll try and fiddle with it. Mostly becuase I`m not sure where to add the line breaks and tabs
I can get the text p(oembed). to appear right where I want the video to be, but for some reason, the embedding won't work. will it just not work inside the div tags or the table?