9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

Hey, can somebody help me out?

by Tristan Lee
8 replies
  • WEB DESIGN
    • |
I'm using xsitepro right now. What I want to do is have more line spacing in my body paragraphs, without having to do always do it manually.

For example, everytime I want to write a post I don't want to go into the source box and type in line spacing 150%, etc.

I heard average line spacing between lines is about 110%-120% when you read on the web. But in my opinion, this is too little and is hard on the eyes. I think the more line space, the more white space between lines, and the easier it is to read.

Anyway, sorry to ramble on. I was wondering if anyone could do tell how I can achieve this?
#hey
  • Profile picture of the author pdjsolutions
    Hey Tristan,

    Well i havnt used xsitepro as such , but i do have experience in CSS and HTML
    What you have to do in your .html file is that
    add this line of code.
    <link href="style.css" rel="stylesheet" type="text/css">

    in the <head> section of your .html file ,

    next, create a file called style.css , edit it in any text editor, and add these lines to it.

    p
    {
    line-height: xxx% ( where xxx in your case would be 150% )
    }


    -------------

    Now in your html file, whichever lines or text is inside the <p> tag, will have a line spacing of xxx% , so therefore you dont have to set it for each and every paragraph.

    This should help you out.

    If you need further help contact me, i have experience in HTML and CSS for over 3 years, i can sort out the problem for you.

    Regards,
    PDJSolutions
    {{ DiscussionBoard.errors[824022].message }}
  • Profile picture of the author Tristan Lee
    Hey PDJSolutions,

    Thanks for replying; you are very kind. Let me try this out and see if this works.
    {{ DiscussionBoard.errors[824102].message }}
  • Profile picture of the author pdjsolutions
    Hi there Tristan Lee,

    Make sure your .html file and the .css file are in the same location . So that the .html file is able to connect to the .css file

    Its really nothing much ,
    you can even assign different line-heights to different paragraphs and add more properties like colour or font and many more.
    CSS is really powerful

    Regards,
    PDJSolutions
    {{ DiscussionBoard.errors[824109].message }}
  • Profile picture of the author Tristan Lee
    Hi, I've tried this but I'm afraid that nothing has changed.

    I didn't think it was going to be this easy.

    Is there anything else I need to add to this part?

    p
    {
    line-height: xxx% ( where xxx in your case would be 150% )
    }

    Also, do you think I should insert any other files somewhere else?
    {{ DiscussionBoard.errors[824147].message }}
  • Profile picture of the author pdjsolutions
    send me your . html (or add me online ) file and ill sort out the problem for you,
    and ill explaing everything to you so that you can do it yourself the next time.

    It is actually really easy.

    contact me @ pdjsolutions @ gmail .com
    {{ DiscussionBoard.errors[824156].message }}
  • Profile picture of the author pdjsolutions
    Please remember to put a " ; " ( semicolon ) after the xxx%

    like

    p
    {
    line-height: xxx%;
    }

    Thanks again,
    this should work.
    {{ DiscussionBoard.errors[824166].message }}
  • Profile picture of the author pdjsolutions
    Ok , to help you out i did this bit for you

    check out www[dot]pdjsolutions[dot]in/work/help/

    This is the contents of my index.html File.

    <html>
    <head>
    <link rel=styleSheet href="style2.css" type="text/css>
    </head>
    <body>
    <p>
    Hello how are you , hope you are fine. aslkdjaskjldhkjahsdhasdkjhaskjdhadasd alsdhkjahs khs dkahs kdhas dkjahskjda hsdkjhas kjdha skjd haskjdh aks akj dkadhs kadhs kaj dkjahs dkjahs dkhas dkhas dkhas dkjhas dkjh askjdha skjdhakjdh asdh ak dkajdhs kjahs dkjadhs kjahsd khas dkas dkjahs dkjahs dkjahs dkjahs dkahs dkjhas dkhas dkjhas dkjhas kdjahsd khas skdha daklskjahsdkahs daks dkja dkja hsdkj haskdj hasdkj hasdkjha skjdha sdha skjdha ksjdh aksdh ad kajdhs kjahsd has dkjahs dkjahskjdhas dkjhas kjdhas djhas kdha sdkjhas kdhas kdhas kdhas kdhas kdahs kdjhas kdasd
    </p>
    </body>
    </html>
    and this is the contents of my style2.css file

    p
    {
    line-height: 150%;
    }
    {{ DiscussionBoard.errors[824191].message }}
  • Profile picture of the author Tristan Lee
    Thank you pdjsolutions.

    After days of trying this, I finally figured out how to make it work in my web designer. The extra steps were adding files in the root folder of a resource manager, which I had no clue about until now. I feel like I have solved a math problem and got some weight off my chest. You don't know how happy I feel right now. Thank you again.
    {{ DiscussionBoard.errors[830490].message }}

Trending Topics