...

View Full Version : Text align doesn't work in CSS



razibul
05-22-2008, 02:03 PM
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;
}

abduraooft
05-22-2008, 02:51 PM
.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

.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)

Apostropartheid
05-22-2008, 04:30 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum