Posted by Help with boxes?

Ron Stampler
(Business Man) (#169528)

Total Chad
View Forum Posts


Posted on
2024-07-24 18:15:29


๐“›๐“ธ๐“ธ๐“ด ๐“ช๐“ฝ ๐“ฝ๐“ฑ๐“ฎ ๐“ผ๐“ฝ๐“ช๐“ป๐“ผ ๐“ฒ๐“ท ๐“ฝ๐“ฑ๐“ฎ ๐“ซ๐“ฒ๐“ฐ ๐“ซ๐“ต๐“ช๐“ฌ๐“ด ๐“ฒ๐“ท ๐“ฒ๐“ท๐“ด...
Need help with boxes!
โ”€โ”€โ”€ยทฬฉฬฉฬฅอ™๏ผŠ * โ€ขฬฉฬฉอ™โœฉโ€ขฬฉฬฉอ™ * หš ๏ฝฅ ๏ฝก๏พŸ โ˜† : *. โ˜ฝ .* :โ˜†๏พŸ .หš * โ€ขฬฉฬฉอ™โœฉโ€ขฬฉฬฉอ™ * หš ๏ผŠยทฬฉฬฉฬฅอ™โ”€โ”€โ”€



โ”โ”โ”โœฆโ˜เผปBox Testเผบโ˜โœฆโ”โ”โ”“
โ– `This is just a test
โ– `This is just a test
โ•ฐโžค[๐“ฃ๐“ฎ๐“ต๐“ต ๐“ถ๐“ฎ ๐”€๐“ฑ๐“ช๐“ฝ ๐”‚๐“ธ๐“พ ๐“ฏ๐“ฎ๐“ฎ๐“ต]
โ”โ”โ”โœฆโ˜เผปBox Testเผบโ˜โœฆโ”โ”โ”“
โ– `This is just a test
โ– `This is just a test
โ•ฐโžค[๐“ช๐“ท๐“ญ ๐“ฝ๐“ฎ๐“ต๐“ต ๐“ถ๐“ฎ ๐”€๐“ฑ๐“ช๐“ฝ ๐”‚๐“ธ๐“พ ๐“ฝ๐“ฑ๐“ฒ๐“ท๐“ด...]


Hello! Is there any way I could change the shape of the boxes? Also! If not, is there any way I could make them side-by-side? Can someone also please show me how to add a background inside of the boxes instead of having just hexcode? I would like to note that I did this on computer and have no idea how it looks like on mobile, so I'm really crossing my fingers with what I have so far.



๐Ÿ›ธใ€€.ใ€€ใ€€โ€ข. ใ€€๐ŸŒŽใ€€ยฐใ€€.โ€ขใ€€๐ŸŒ“ใ€€โ€ขใ€€ใ€€.ยฐโ€ขใ€€ใ€€โ€ขใ€€๐Ÿš€ โœฏ. โ€ข. . โ€ข.
ใ€€.ใ€€โ€ขใ€€โ˜…ใ€€*ใ€€ใ€€ใ€€ใ€€ใ€€ยฐใ€€ใ€€.ใ€€ใ€€๐Ÿ›ฐ ใ€€ยฐยทใ€€ใ€€โ€ข. เน .โ€ข ๐Ÿช
.ใ€€โ€ขใ€€โ€ขใ€€ยฐ โ˜…ใ€€โ€ข โ˜„. เน โ€ข. . โ€ข. . โ€ข. . โ€ข. โ€ข
โ–โ–‚โ–ƒโ–„โ–…โ–†โ–‡โ–‡โ–†โ–…โ–„โ–ƒโ–‚โ–ƒโ–„โ–†โ–‡โ–‡โ–†โ–…โ–„โ–‡โ–†โ–…โ–„โ–ƒโ–โ–‚




Hrt Icon 0 players like this post! Like?

Jack | G2 Jellyfish
Prion (#98461)


View Forum Posts


Posted on
2024-07-24 18:36:34
Hey! This might not work, kinda ass at html, but try grouping the two boxes together as a table.

<*table border="0" width="600"><*tr><*td>
(Unsure if width = 600 is the correct size, fiddle with it a bit- since itโ€™s only two boxes, itโ€™ll probably be smaller now that I think of it. Try 300-400?)
โ€”Then, put the html content of one box hereโ€”-
<*/td><*td>
โ€” Html content of box 2 hereโ€”-
<*/tr><*/td><*/table>

As for the background, can you replace โ€œbackground:rgba(#,#,#,#);โ€ with โ€œbackground:url(โ€˜insertlinkhere.jpeg/png');โ€ forgive me if that doesnโ€™t work, a lot of html I do is by trial and error, and not currently on my computer to properly test anything haha



Hrt Icon 1 player likes this post! Like?

Jack | G2 Jellyfish
Prion (#98461)


View Forum Posts


Posted on
2024-07-24 18:37:59
Oh! If seeing where the table is is giving you any trouble, change the table border to a visible number like 1 or 2, just as a guide to where everything is. You may have to fiddle with both the width of the table and the boxes themselves a bit. Then you can set that back to 0 once everything is in its place.



Hrt Icon 2 players like this post! Like?

Ron Stampler
(Business Man) (#169528)

Total Chad
View Forum Posts


Posted on
2024-07-25 15:09:15

Table side left

Table side right


So now I got the table working, I edited it a bit using a mixture of other things online to have it centered and to be able to change the border.
It's much better now! But now I want to know is there any way I can make the words start at the top of the table instead of sitting in the center? Is there any way to fix that? Also, not as important and I could do without, but is there a way I could make there be a line down the middle splitting the two?
Here's what I put:



<*table style="border:1px dashed #EEF0FE;margin-left:auto;margin-right:auto;" background= "https://i.pinimg.com/originals/ea/88/eb/ea88eb1906372435e999a3b76f1c89e4.jpg" height= "350px" width="600px"><*tr>
<*td><*p style="text-align:center;font-family:Constantia;"><*font color=#EEF0FE>Table side left<*/font><*/p><*/td>
<*td><*p style="text-align:center;font-family:Constantia;"><*font color=#EEF0FE>Table side right<*/font><*/p><*/tr><*/td><*/table>



Hrt Icon 0 players like this post! Like?

Jack | G2 Jellyfish
Prion (#98461)


View Forum Posts


Posted on
2024-07-25 15:19:07
Okok for that I tend to just put a div box *inside* the table. Like, grab the code for the boxes you had and put them where โ€˜table side leftโ€™ and โ€˜table side rightโ€™ are

Or alternatively, according to the internet you can put <*td style="vertical-align: top;">



Hrt Icon 1 player likes this post! Like?

Ron Stampler
(Business Man) (#169528)

Total Chad
View Forum Posts


Posted on
2024-07-25 15:37:32

WORDS

WORDS



YEAAHAA It worked, thank you so much!!




Hrt Icon 0 players like this post! Like?

Jack | G2 Jellyfish
Prion (#98461)


View Forum Posts


Posted on
2024-07-25 15:39:44
YEAAHHHHHH ofc!! Happy to help ^^



Hrt Icon 1 player likes this post! Like?







Memory Used: 626.20 KB - Queries: 2 - Query Time: 0.00108 - Total Time: 0.00469s