You are either not logged in or not registered with our community. Click here to register.
 
December 02, 2016, 02:21:48 PM

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

Click here if you are having problems.
Default Wide Screen Beige Lilac Rainbow Black & Blue October Send us your theme!

Hark!  The Herald!
Holiday Issue 2016

Wiki Blogs Dicebot

Author Topic: boxes, floats, padding and so on  (Read 504 times)

0 Members and 1 Guest are viewing this topic.

Offline AlephTopic starter

  • Do I have to tell the story of a thousand rainy days since we first met?
  • Knight
  • Seducer
  • *
  • Join Date: Sep 2009
  • Location: Australia
  • Gender: Male
  • A moth trying to enter the bright eye.
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
boxes, floats, padding and so on
« on: August 27, 2015, 09:22:00 AM »
Hello all, I'm looking to spruce up my O/O page, want to:
An example of what I have in mind
  • add a text box...
  • with a border...
  • that floats to the right...
  • and has a small amount of margin/padding...
...so it looks separate from the paragraph flowing around it. The float[left|right] tag doesn't seem to have a padding or border attribute, are the any suggestions about how I could do this?

Online RampantDesires

  • Certified Sass-hat ❣ Tumblr Junkie ❣ Goddess of Code ❣ Least Helpful Helper ❣ Queen of Procrastination
  • Lady Mentor
  • Enchanter
  • *
  • Join Date: Mar 2010
  • Location: Georgia
  • Gender: Female
  • As reason clouds my eyes with splendor fading
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 2
Re: boxes, floats, padding and so on
« Reply #1 on: August 27, 2015, 09:55:28 AM »
               
     Some Text Here?     
               
More writing? How about I get lazy and just copy paste some stuff in to see if it works? Hello all, I'm looking to spruce up my O/O page, want to:An example of what I have in mind
add a text box...
with a border...
that floats to the right...
and has a small amount of margin/padding...
...so it looks separate from the paragraph flowing around it. The float[left|right] tag doesn't seem to have a padding or border attribute, are the any suggestions about how I could do this?



My default answer is always mess around with tables :P

The easiest way would probably be to just make it an make it an img that you can float and pad.  As long as it wasn't something that you wanted to edit frequently that is.  Not sure that any of this helps, but good luck!

<edits> But wait you said floatright .. yeah that doesn't help you at all. (the table looks the same as just floating text really that way) Sorry!
« Last Edit: August 27, 2015, 10:18:28 AM by RampantDesires »

Offline Beguile's Mistress

  • Time flies like an arrow ~ Fruit flies like a banana ~ Elliquiy's Fair-E Godmother
  • Dame
  • Carnite
  • *
  • Join Date: Jul 2009
  • Location: Faeleacanvald ~ The Steeler Nation ~ Home of Lord Stanley's Cup 2016 ~ She won't stay throwed! ~ 48\22-5\1\11-5\7
  • Gender: Female
  • Perpetual Notion Machine ~ 'What if...?'
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 3
Re: boxes, floats, padding and so on
« Reply #2 on: August 27, 2015, 11:20:49 AM »
All you really need to do is add a few spaces between [/img] and [/floatleft]

Offline AlephTopic starter

  • Do I have to tell the story of a thousand rainy days since we first met?
  • Knight
  • Seducer
  • *
  • Join Date: Sep 2009
  • Location: Australia
  • Gender: Male
  • A moth trying to enter the bright eye.
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Re: boxes, floats, padding and so on
« Reply #3 on: August 28, 2015, 05:34:09 AM »
Thank you Rampant (and BeMi), I had forgotten about the single cell table. Though adding an extra empty cell takes care of padding too.


Online AmberStarfire

  • Rogue Starlight ~ Fantasy Novelist ~ This Is Who We Are ~ Scully to his Mulder
  • Dame
  • Carnite
  • *
  • Join Date: Aug 2008
  • Location: Somewhere that makes me smile
  • Gender: Female
  • ❤ Snuggler of the Wyld and Hairy ❤
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: boxes, floats, padding and so on
« Reply #4 on: August 31, 2015, 03:42:05 PM »
I know you can set padding on an image tag but I just tried out using padding or cellpadding on the table tag and I couldn't get it to work.

Rampant's table idea seems like a good one or you could put the text you want into an image and use floatright and padding on it.

Offline AlephTopic starter

  • Do I have to tell the story of a thousand rainy days since we first met?
  • Knight
  • Seducer
  • *
  • Join Date: Sep 2009
  • Location: Australia
  • Gender: Male
  • A moth trying to enter the bright eye.
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Re: boxes, floats, padding and so on
« Reply #5 on: August 31, 2015, 04:59:56 PM »
All good options, thanks Amber :)

In the end I went for a table and used blank table cells for padding, check my O/Os for the finished result.