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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    May 2008
    Location
    Dhaka, Bangladesh
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Text align doesn't work in CSS

    Hello, i face a problem in CSS that is although i apply text-align=justify inside a <div> or <p> but the text is not justified, rather it is left aligned. how can i aligned the text justified ? pls, anyone help me of solving this problem...

    Here is the code i have done so far:

    HTML:


    <div class="thirdPara">
    <div class="leftPartBelowPics">
    <p class="some">All agents in our system can access the
    standard views of all profiles (unless there
    are agent restrictions on a profile). An
    agent can search for a match and access
    the standard views of all matching
    profiles. At this time, the agent can share the
    standard views of certain profiles with his/her clients.</p>
    <p class="some">An agent can only access the private
    views of other profiles after he/she
    receives permission from the other sides.</p>
    <p class="some">All our agents are real people who go
    through a rigid application process. We
    have their notarized oaths, verified identification
    documents, and pictures on file. Identification
    documents we collect may be
    different based on the country where the agent
    resides.</p>
    <p class="some">Agents are rated by their past clients.
    Prospective clients can review this rating
    before choosing an agent.</p>
    </div>
    <div class="rightPartBelowPics">
    <p class="some">By default all agents in our network can view the standard view of a profile. However, the submitter of the profile can decide to make the profile even more restrictive. In that case, the submitter can put agent restrictions, which will only allow a restricted set of agents to be able to view the standard view of the profile.</p>
    <p class="some">For example, the submitter can put restrictions like this: only an agent who is a female, who is at least 40 years old, and who lives in USA, can access the standard view of this profile without permission. If an agent does not meet these criteria, the agent will need permission from the listing agent to access the standard view of the profile.</p>
    <p class="some">If there are agent restrictions on a profile, a new view called “Public View” is made available for this profile. The submitter can decide what type of information will be included in this view. This view will be accessible by all agents. If an agent does not meet the criteria for the agent restrictions, the agent can still review the Public View and if the agent is curious to learn more, the agent can seek permission to get access the standard view.</p>
    </div>
    </div>


    CSS::

    .scheme1 .thirdPara{
    clear:both;
    float:left;
    width:734px;
    padding-left:10px;
    }
    .scheme1 .thirdPara .leftPartBelowPics{
    clear:both;
    float:left;
    width:352px;
    height:594px;
    text-align:justify;
    margin-right:12px;
    }
    .scheme1 .thirdPara p.some{
    float:left;
    font-family:'Century Gothic',Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:justify;
    color:#000000;
    }
    .scheme1 .thirdPara .rightPartBelowPics{
    float:left;
    width:418px;
    height:594px;
    }

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    .scheme1 .thirdPara p.some{
    float:left;
    font-family:'Century Gothic',Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:justify;
    color:#000000;
    }
    This rule looks for a <p> tag having class="some", placed inside another element having class="thirdPara", which is again placed inside another element having class="scheme1"

    Try
    Code:
    .scheme1, .thirdPara, p.some{
    /*float:left;*/
    font-family:'Century Gothic',Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:justify;
    color:#000000;
    }
    (selectors are separated by comma)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    And look up semantics. Most of your code is...well, it makes me shiver. It looks like you don’t need the classes for most of this.


  •  

    Posting Permissions

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