A Guide to Formatting

Posted 2021-11-04 20:03:01

#554295

@Cricket

try <center>! (close with </center>)

Posted 2021-11-04 20:13:39

#554310

I am literally so dumb, I immediately went to complicated solutions instead of the simple ones XD

It worked, thank you!!!!

Cricket
#25754

Posted 2021-11-20 17:13:30

#565311

Help please!

I have a two-column table, and I want to set the second column's width to 100% (so it will take up all available space that's not used by the first column). I've attempted this with the following code:

<td style="vertical-align:top;" style="width:100%;">

...but it doesn't work, the column width stubbornly remains at whatever it feels like. Not sure what I'm doing wrong.

Lionel
#34199

Posted 2021-11-21 13:58:30 (edited)

#565848

Could someone help me figure out how to get these two things side by side on the same line. I have the base pricing list aligned left and the order form aligned right already.

𐕣 Sigyn Dormer 𐕣
#14227

Posted 2021-11-21 14:42:27 (edited)

#565878

@lionel:
could you provide more info so i can help you? like more code, a visual aid of what you are working with, etc.

@sigyn:
try using columns! you have quite a lot of unnecessary code and you could save yourself a bunch of headache by removing a lot of it. (coding using preserve line breaks)

code here!

Base Pricing:

	Headshot

	10GC | 3000SC | 3USD

	Bust

	12GC | 3700SC | 5USD

	Full Body

	14GC | 4400SC | 7USD

	Mix Pay:

	Ask for SC to GC ratio

Custom Order Form:

	User/ID:

	Base:

	Wolf(s):

	Style:

	Pose:

	Payment:

	Addon(s):

☘️ [Slow] Kaziah (Kaz)
#16535

Posted 2021-11-21 15:07:12

#565890

Thank you! That did the trick

𐕣 Sigyn Dormer 𐕣
#14227

Posted 2021-11-21 17:14:41 (edited)

#565948

@Kas: The code in question is for my den page.

<table class="table border-none"><tbody><tr><th class="pt-1 pb-1" style="font-size:18px;" colspan="2">
Criminal Mastermind <a href="/wolf/999544">Fenrir</a>
</th>
</tr><tr><td style="vertical-align:top;">
<a href="/wolf/999544"><img src="https://i.imgur.com/3W1G7nb.png" alt="" style="height:180px;min-width:180px;" /></a></td>
<td style="vertical-align:top" width = "100%">
<p>Welcome to this fine establishment.</p><p>Enjoy your visit. Don't step on the pups.</p>
</td>
</tr></tbody></table>

And a hopefully better explanation of the problem:

I've jank-fixed this for now by adding more text to the table cell to force it it to take up more width. So I guess a solution isn't as important at this point, but I'm still frustrated at not understanding why my code doesn't work.

Lionel
#34199

Posted 2021-11-21 17:55:56 (edited)

#565967

@lionel: seems like the way to ask for 100% width is: class="col-12"
so the bold line goes: td style="vertical-align:top;" class="col-12"

(I don't really know why though, I just played around with your code and tried a few likely-seeming things from the guide till I found one that worked)

Fal - semi hiatus
#43456

Posted 2021-11-21 19:00:20

#566007

@Fal Thanks, it works! I wouldn't have figured that out haha

Lionel
#34199

Posted 2021-11-22 12:07:54

#566443

To answer why it works, its because by doing col-12 you are defining the column span, can read more here about bootstrap:
https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

ØҜΔΜƗ
#10391

A Guide to Formatting

Activity

Activity