• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Help Tabs next to imagefloat

Emmi

Jumin's Bae
So I'm new to coding.. and I wanted to know is there a possible way for tabs to be at the side of an image? Like, you use an imagefloat, then try to make a series of tabs to organize everything. But the tabs need to be right next to the image.
I'm not sure if I'm explaining it correctly.. but here's the code I'm working with:

Code:
[CENTER][div=background:#dbc7b1;background-size:cover;border:5px #ffffff double;color: #000000;padding:5px;]

 [IMG]https://fontmeme.com/permalink/190117/19b9244f68efc5ed917b792a9ff14d94.png[/IMG]

[/div][/CENTER]

[imagefloat=left][IMG]https://i.pinimg.com/564x/0f/9e/15/0f9e157c9b58d6290f5d873b7ba82733.jpg[/IMG]
[/imagefloat]

[Tabs]

[Tab=General]
Content For Tab A.

[/Tab]

[Tab=Appearance]
Content For Tab B.

[/Tab]

[Tab=Personal]
dkhjkahsdh
[/Tab]

[Tab=Other]
dshdaiuhduash
[/Tab]

[/Tabs]

Hnggg I tried centerblocks and columns...
 
This should be what you want! Its the easiest way to do it and makes sure that its mobile friendly.

b62tb.jpg
  • Content

Code:
[row][column=span2][IMG]https://i.imgflip.com/b62tb.jpg[/IMG][/column][column=span6][Tabs][Tab=Name]Content[/tab][Tab=Name]Content[/tab][Tab=Name]Content[/tab][/tabs][/column][/row]
 
This should be what you want! Its the easiest way to do it and makes sure that its mobile friendly.

b62tb.jpg
  • Content

Code:
[row][column=span2][IMG]https://i.imgflip.com/b62tb.jpg[/IMG][/column][column=span6][Tabs][Tab=Name]Content[/tab][Tab=Name]Content[/tab][Tab=Name]Content[/tab][/tabs][/column][/row]
Yes.. but the image is too small when I add it in. ^^;
 
Then its just a simple manner of changing the width of the column. :)

0f9e157c9b58d6290f5d873b7ba82733.jpg
  • Content

This is when its at span3 instead of 2.

Code:
[div=background:#dbc7b1;background-size:cover;border:5px #ffffff double;color: #000000;padding:5px;][row][column=span3][IMG]https://i.pinimg.com/564x/0f/9e/15/0f9e157c9b58d6290f5d873b7ba82733.jpg[/IMG][/column][column=span5][Tabs][Tab=Name]Content[/tab][Tab=Name]Content[/tab][Tab=Name]Content[/tab][/tabs][/column][/row]
 
Then its just a simple manner of changing the width of the column. :)

0f9e157c9b58d6290f5d873b7ba82733.jpg
  • Content

This is when its at span3 instead of 2.

Code:
[div=background:#dbc7b1;background-size:cover;border:5px #ffffff double;color: #000000;padding:5px;][row][column=span3][IMG]https://i.pinimg.com/564x/0f/9e/15/0f9e157c9b58d6290f5d873b7ba82733.jpg[/IMG][/column][column=span5][Tabs][Tab=Name]Content[/tab][Tab=Name]Content[/tab][Tab=Name]Content[/tab][/tabs][/column][/row]
Oooooh! I see! That makes sense! Thank you >,<
 

Users who are viewing this thread

Back
Top