Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Oct 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Making spaces in between the text and the border?

    Hello! I am seeking for someone to help me with my problem that I have right now. As you can see by the image below there no space between my border and the text. I'm wondering how to fix this. Please, if you know a solution, type below! I'll add all the CSS and HTML regarding this section as well.



    Code:
      <div class="center_content">
          <div class="clear">
            <h1 align="center">Home</h1>
            <p>V&auml;lkommen till <strong>Personer Med Spelberoendes</strong> officiella hemsida! Vi jobbar aktivt p&aring; hemsidan f&ouml;r att f&aring; den s&aring; &quot;userfriendly&quot; som m&ouml;jligt. Just nu &auml;r den i djupt beta stadie s&aring; ta g&auml;rna hemsidan med en nypa salt! Till ett senare tillf&auml;lle kommer vi att ha nyhetsfl&ouml;de m.m p&aring; hemsidan samt annat sm&aring;tt och gott men just nu h&auml;nvisar vi mest till v&aring;ran Facebook grupp d&auml;r vi kommer uppdatera mest som det ser ut just nu. Har du tips eller liknande till v&aring;ran hemsida? Var inte r&auml;dd f&ouml;r att h&ouml;ra av dig till v&aring;r webbadmin p&aring; <strong>siic@personermedspelberoende.se</strong>! F&ouml;r kontakt information till &ouml;vriga medlemmar i staff, g&aring; in och kolla in under fliken &quot;<strong>Kontakt</strong>&quot;. </p>
            <p>&nbsp;</p>
            <p>Tillsvidare s&aring; f&aring;r ni ha det riktigt bra och vi hoppas att vi kommer se er p&aring; v&aring;ra uppkommande event!</p>
            <p>-<em>Staff</em></p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <h1 align=center>Medarbetare / sponsorer        </h1>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
          </div> 
        
        </div>
    Code:
    /*---------------center_content-------*/
    .center_content{
    	width: 821px;
    	height: auto;
    	clear: both;
    	padding: 25px 0px 30px 0px;
    	background-color: #e9e5e2;
    	font-size: 12px;
    }

    Regards,
    -Simon

  • #2
    Regular Coder Nerevarine's Avatar
    Join Date
    Jan 2013
    Location
    Phendrana Drifts
    Posts
    283
    Thanks
    0
    Thanked 17 Times in 17 Posts
    Blog Entries
    3
    Add the pixel values to your padding rule. So if you wanted 25 pixels inbetween, you would use this:
    Code:
    .center_content{
    	width: 821px;
    	height: auto;
    	clear: both;
    	padding: 25px 25px 30px 25px;
    	background-color: #e9e5e2;
    	font-size: 12px;
    }
    The second value is for right, the fourth value is for left.
    Hope this helps.
    Time kills us in our sleep and we watch it happen in our dreams. -K.K.
    THE END-ALL PROGRAMMING REFERENCE: CLICK HERE (Courtesy of Major Payne)
    My username was previously L0adOpt1c. :: Please read this before posting in the HTML/CSS forum.
    Validate your HTML here and your CSS here. :: Need basic HTML/CSS tutorials? Click here, don't post about it.

  • #3
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    All those non-breaking spaces...
    My signature :)

  • #4
    Regular Coder Nerevarine's Avatar
    Join Date
    Jan 2013
    Location
    Phendrana Drifts
    Posts
    283
    Thanks
    0
    Thanked 17 Times in 17 Posts
    Blog Entries
    3
    Quote Originally Posted by ttkim View Post
    All those non-breaking spaces...
    I know, right?
    Time kills us in our sleep and we watch it happen in our dreams. -K.K.
    THE END-ALL PROGRAMMING REFERENCE: CLICK HERE (Courtesy of Major Payne)
    My username was previously L0adOpt1c. :: Please read this before posting in the HTML/CSS forum.
    Validate your HTML here and your CSS here. :: Need basic HTML/CSS tutorials? Click here, don't post about it.

  • #5
    New Coder
    Join Date
    Oct 2013
    Location
    Bangalore, Karnataka
    Posts
    43
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Hi,
    There is just align for padding position, the padding syntax for [padding: top,left, bottom,right] like this value only take css

  • #6
    New Coder
    Join Date
    Jul 2013
    Posts
    39
    Thanks
    0
    Thanked 2 Times in 2 Posts
    padding: 25px 0px 30px 0px;

    you need to add space in left and right... currently you just put 0 so that's why there are no space in the left and right... change the value of zero and your problem will be solve.. good luck!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •