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 Coder
    Join Date
    May 2012
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Justifying paragraphs

    My code is as followed:

    Code:
    <div style="position:absolute; text-align:center; top:220px; left:410px; width:200px; height:25px">
      
    	<font face="Lucida Calligraphy" size="3px"><p>Welcome&nbsp;to&nbsp;Craftvision's&nbsp;webpage!</p>
    	<p align="justify">Craftvision&nbsp;is&nbsp;a&nbsp;brand&nbsp;new&nbsp;Minecraft&nbsp;Server&nbsp;that&nbsp;is&nbsp;currently&nbsp;in&nbsp;a&nbsp;heavy&nbsp;
    	construction&nbsp;stage.&nbsp;If&nbsp;you're&nbsp;looking&nbsp;for&nbsp;a&nbsp;server&nbsp;that's&nbsp;going&nbsp;to&nbsp;
        change&nbsp;the&nbsp;&nbsp;you&nbsp;look&nbsp;at&nbsp;Minecraft,&nbsp;then&nbsp;you've&nbsp;come&nbsp;to&nbsp;the&nbsp;
    	wrong&nbsp;place.&nbsp;Our&nbsp;server&nbsp;is&nbsp;all&nbsp;about&nbsp;creating&nbsp;a&nbsp;
    	dynamic&nbsp;community&nbsp;and&nbsp;giving&nbsp;anyone&nbsp;the&nbsp;ability&nbsp;to&nbsp;do&nbsp;whatever
    	they&nbsp;want.</p>
    	</div>
    As you can see, if you open this on your internet explorer or whatever, the paragraph isn't justified. I'd like the paragraph to be justified in to one neat "block of text" (a traditional paragraph).

    How would I go about doing this?

    Thanks.

  • #2
    New Coder
    Join Date
    Apr 2012
    Posts
    67
    Thanks
    12
    Thanked 1 Time in 1 Post
    it is in a paragraph?
    Quote Originally Posted by Jemdt View Post
    My code is as followed:

    Code:
    <div style="position:absolute; text-align:center; top:220px; left:410px; width:200px; height:25px">
      
    	<font face="Lucida Calligraphy" size="3px"><p>Welcome&nbsp;to&nbsp;Craftvision's&nbsp;webpage!</p>
    	<p align="justify">Craftvision&nbsp;is&nbsp;a&nbsp;brand&nbsp;new&nbsp;Minecraft&nbsp;Server&nbsp;that&nbsp;is&nbsp;currently&nbsp;in&nbsp;a&nbsp;heavy&nbsp;
    	construction&nbsp;stage.&nbsp;If&nbsp;you're&nbsp;looking&nbsp;for&nbsp;a&nbsp;server&nbsp;that's&nbsp;going&nbsp;to&nbsp;
        change&nbsp;the&nbsp;&nbsp;you&nbsp;look&nbsp;at&nbsp;Minecraft,&nbsp;then&nbsp;you've&nbsp;come&nbsp;to&nbsp;the&nbsp;
    	wrong&nbsp;place.&nbsp;Our&nbsp;server&nbsp;is&nbsp;all&nbsp;about&nbsp;creating&nbsp;a&nbsp;
    	dynamic&nbsp;community&nbsp;and&nbsp;giving&nbsp;anyone&nbsp;the&nbsp;ability&nbsp;to&nbsp;do&nbsp;whatever
    	they&nbsp;want.</p>
    	</div>
    As you can see, if you open this on your internet explorer or whatever, the paragraph isn't justified. I'd like the paragraph to be justified in to one neat "block of text" (a traditional paragraph).

    How would I go about doing this?

    Thanks.

  • #3
    New Coder
    Join Date
    Apr 2012
    Posts
    67
    Thanks
    12
    Thanked 1 Time in 1 Post
    ooooh sorry i see what you mean, i just re wrote it, here i think this fixes your problem
    Code:
    <div style="position:absolute; text-align:justify; top:84px; left:289px; width:561px; height:25px">
      
    	<font face="Lucida Calligraphy" size="3px"><p>Welcome&nbsp;to&nbsp;Craftvision's&nbsp;webpage!</p>
    	<p align="justify">Craftvision is a brand new Minecraft Server that is currently in a heavy construction stage. If you're looking for a server that's going to change the way you look at Minecraft, then you've come to the wrong place. Our server is all about creating a dynamic community and giving anyone the ability to do whatever they want.</p>
    	</div>

  • #4
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    <font face="Lucida Calligraphy" size="3px"> = obsolete since 1997 - will be overriden by the CSS

    align="justify" = obsolete since 1997 - will be overriden by the CSS

    The simplest way to fix your problem is to apply the correct CSS to the page to give it the appearance you require.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #5
    New Coder
    Join Date
    Dec 2010
    Posts
    66
    Thanks
    16
    Thanked 0 Times in 0 Posts
    HTML
    Code:
    <p class="justify">Paragraph</p>
    CSS
    Code:
    p.justify {
    text-align:justify;
    }
    Be careful justifying text online, though. It's generally not recommended, as online you can't control the space between words and text and browser consistency, etc nearly as much as you can in print. Unless done with great attention to detail the paragraphs end up plagued with rivers of white space.

  • #6
    New Coder
    Join Date
    May 2012
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts
    The code you gave me doesn't change anything, I just want the paragraph to be in a "block", justifying doesn't appear to do anything at all.


  •  

    Posting Permissions

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