Questions on TO coding.
TappedOut forum
Posted on Jan. 19, 2018, 11:59 a.m. by Gattison
When I add images from Gatherer, the cards always appear beneath each other. I would like them to appear next to each other. Should I look up html markdown for this?
Also, how do I create one of those pseudo decklists in the middle of a post/article? I can't seem to find a TO code for that.
Thanks for the help, and I'll be submitting some articles via the Admin link soon.
I can't find an example, but it was similar to a code-block, but resembled a TO decklist, and it could be "posted" like a code-block in the middle of two paragraphs. I haven't seen it done in a while, I don't think, though.
January 19, 2018 3:30 p.m.
multimedia says... #4
Hey, in HTML you can CSS inline style elements to appear next to each with display:inline-block; or float:left;. inline-block is cleaner, but float gives you more control. This example is how I code images to appear in updates at Radiant Elves (RIX):
<center>
<div class="images">
<img src="http://image.from.gatherer" style="display:inline-block;" />
<img src="http://image.from.gatherer" style="display:inline-block;" class="hidden-xs" />
<img src="http://image.from.gatherer" style="display:inline-block;" class="hidden-xs" />
</div>
</center>
This example shows three images next to each other centered. class=hidden-xs hides the image from phone screen sizes since at these sizes you only want one image.
January 20, 2018 2:04 a.m.
multimedia: awesome, thanks a ton! Works perfectly!
Out of curiosity, if I tried "float:left", it would look like this?
<center>
<div class="images">
<img src="http://image.from.gatherer" style="float:left;" />
<img src="http://image.from.gatherer" style="float:left;" class="hidden-xs" />
<img src="http://image.from.gatherer" style="float:left;" class="hidden-xs" />
</div>
</center>
So, what kind of control does that give me, if you don't mind another question?
Ryjo says... #2
I'm not 100% sure what you mean by pseudo decklist, you might be looking for the code block. Do you have an example of a pseudo decklist you've seen on this site?
January 19, 2018 3:03 p.m.