Little More Code Help

Post by **mikef35** » 15 Jun 2012, 18:12

If I am using this to put SITE STATISTICS in a frame, everything inside is lined up to the left, which is fine but how do I buffer it from the edge like 2px?

Code: Select all

<div class="forumlist">
<div class="Frame" style="width: 100%;">
      <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
               <dt> SITE STATISTICS</dt>
              </dl>
            </li>
         </ul>
		 
		 <!-- IF SCRIPT_NAME eq 'index' --><div class="portaltrigger portalactive"></div><!-- ENDIF -->
      <div class="collapsethis">
         <ul class="topiclist forums">
         <li class="row">

Post by **Stoker** » 15 Jun 2012, 18:28

<div class="Frame" style="width: 100%;">
<div class="Frame" style="width: 100%; padding:2px;">

Post by **mikef35** » 15 Jun 2012, 18:48

I have tried that, it actually shifts the whole block to the right. I would like to just buffer the words inside so that they are not touching the side.

I got it to work with this

Code: Select all

<div style="text-align: left; padding:10px;">

is it correct?

Post by **Stoker** » 15 Jun 2012, 19:08

Yes, padding can be used on the outer and margin on the inner style.
So what you've done should work fine.

Post by **mikef35** » 15 Jun 2012, 19:10

Yes it works, I just wanted to make sure it was correct, Thanks Stoker!