Help Calling all masters of the Accordion

[arctic]

So I'm trying to get my image to float left and then have my accordions to the right of the image, but the accordion background always overlaps the image? I'll be eternally grateful if you could tell me what the problem is, and show me how to fix it. I tried to change the accordion % (ya know, accordion=50% or whatever) but it won't work ;-; halp

// i w r a p p e d m y //

nothing inside this matter yo

// h e a r t i n s t e e l //

some stuff goes here

// b u t y o u s t i l l m a n a g e d //

some stuff goes here too

// t o b r e a k i t //

what's inside doesn't matter

[bg=#D0D0D1][border=1px solid #ffffff][bg=#D0D0D1]
[imageFloat=left][IMG]http://i.imgur.com/I9OX4Z1.png[/IMG][/imageFloat]
[bg=#D0D0D1][border=0px solid #D0D0D1][accordion=100%]{slide=center | [bg=#D0D0D1][COLOR=rgb(255, 255, 255)][FONT=Source Sans Pro][SIZE=6]// [B]i[/B]  [B]w[/B] r a p p e d  [B]m[/B] y //[/SIZE][/FONT][/COLOR][/bg]}[bg=#D0D0D1][COLOR=#ffffff]nothing inside this matter yo[/COLOR]
[/bg]{/slide}
[/accordion][/border][/bg]
[bg=#D0D0D1][border=0px solid #D0D0D1][accordion=100%]{slide=center | [bg=#D0D0D1][COLOR=#ffffff][FONT=Source Sans Pro][SIZE=6]// [B]h[/B] e a r t  [B]i[/B] n  [B]s[/B] t e e l //[/SIZE][/FONT][/COLOR][/bg]}[bg=#D0D0D1][COLOR=#ffffff]some stuff goes here[/COLOR]
[/bg]{/slide}
[/accordion][/border][/bg]
[COLOR=#ffffff][bg=#D0D0D1][border=0px solid #D0D0D1][accordion=100%]{slide=center | [bg=#D0D0D1][COLOR=#ffffff][FONT=Source Sans Pro][SIZE=6]// [B]b[/B] u t  [B]y[/B] o u  [B]s[/B] t i l l  [B]m[/B] a n a g e d //[/SIZE][/FONT][/COLOR][/bg]}[bg=#D0D0D1]some stuff goes here too[/bg]{/slide}
[/accordion][/border][/bg]
[bg=#D0D0D1][border=0px solid #D0D0D1][accordion=100%]{slide=center | [bg=#D0D0D1][COLOR=#ffffff][FONT=Source Sans Pro][SIZE=6]// [B]t[/B] o  [B]b[/B] r e a k  [B]i[/B] t //[/SIZE][/FONT][/COLOR][/bg]}[bg=#D0D0D1]what's inside doesn't matter[/bg]{/slide}
[/accordion][/border][/bg][/COLOR]

[/bg][/border][/bg]

knock yourself out ;-;

 

[welian]

what if you just put them in separate columns?

 

[arctic]

what if you just put them in separate columns?

Uhh, I'm not sure how to do that >.<

 

[welian]

// i w r a p p e d m y //

nothing inside this matter yo

// h e a r t i n s t e e l //

some stuff goes here

// b u t y o u s t i l l m a n a g e d //

some stuff goes here too

// t o b r e a k i t //

what's inside doesn't matter

[bg=#D0D0D1][border=1px solid #ffffff][bg=#D0D0D1][row][column=span4][IMG]http://i.imgur.com/I9OX4Z1.png[/IMG][/column][column=span4][bg=#D0D0D1][border=0px solid #D0D0D1][accordion=100%]{slide=center | [bg=#D0D0D1][COLOR=rgb(255, 255, 255)][FONT=Source Sans Pro][SIZE=6]// [B]i[/B]  [B]w[/B] r a p p e d  [B]m[/B] y //[/SIZE][/FONT][/COLOR][/bg]}[bg=#D0D0D1][COLOR=#ffffff]nothing inside this matter yo[/COLOR]
[/bg]{/slide}
[/accordion][/border][/bg]
[bg=#D0D0D1][border=0px solid #D0D0D1][accordion=100%]{slide=center | [bg=#D0D0D1][COLOR=#ffffff][FONT=Source Sans Pro][SIZE=6]// [B]h[/B] e a r t  [B]i[/B] n  [B]s[/B] t e e l //[/SIZE][/FONT][/COLOR][/bg]}[bg=#D0D0D1][COLOR=#ffffff]some stuff goes here[/COLOR]
[/bg]{/slide}
[/accordion][/border][/bg]
[COLOR=#ffffff][bg=#D0D0D1][border=0px solid #D0D0D1][accordion=100%]{slide=center | [bg=#D0D0D1][COLOR=#ffffff][FONT=Source Sans Pro][SIZE=6]// [B]b[/B] u t  [B]y[/B] o u  [B]s[/B] t i l l  [B]m[/B] a n a g e d //[/SIZE][/FONT][/COLOR][/bg]}[bg=#D0D0D1]some stuff goes here too[/bg]{/slide}
[/accordion][/border][/bg]
[bg=#D0D0D1][border=0px solid #D0D0D1][accordion=100%]{slide=center | [bg=#D0D0D1][COLOR=#ffffff][FONT=Source Sans Pro][SIZE=6]// [B]t[/B] o  [B]b[/B] r e a k  [B]i[/B] t //[/SIZE][/FONT][/COLOR][/bg]}[bg=#D0D0D1]what's inside doesn't matter[/bg]{/slide}
[/accordion][/border][/bg][/column][/row][/COLOR][/bg][/border][/bg]

 

[arctic]

snip

ohh, I see what you did there. Thank you so much o.o

 

[welian]

ohh, I see what you did there. Thank you so much o.o

No problem! Columns are pretty simple compared to accordions, but they're still kinda complex. The important thing to remember is that there are eight virtual columns in a post on the desktop version of the site, and that if there is a line break between the column tags, the content won't line up perfectly straight.