Could you please give me the style class blue color border in table cell

Could you please give me the style class  blue color border in table cell
LVL 9
Manikandan ThiagarajanSenior consultantAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Mick BarryJava DeveloperCommented:
td {
   border: 1px solid blue;
}
0
Manikandan ThiagarajanSenior consultantAuthor Commented:
could you please look at my screen and give me the code


Advanced-Search-issue.doc
0
ram_trbCommented:
Hi,
Plz try the attached code,it's a simpler one , you can alter that as per ur requirements.
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

quizwedgeCommented:
I'm not sure which border color you're looking for, but I think one of the following will work:

td { border: 1px solid #757A7E }

td { border: 1px solid #E5E4E9 }

td { border: 1px solid #306899 }

td { border: 1px solid #D5DAFF }
0
remorinaCommented:
Hi Stmani2005,
The below CSS should work for you, but I remember you're using jsf files and might need an inline style.

If so, in your table tag put style="border-collapse:collapse;" and in each <td> put style="border:solid 1px #797e82;" although it would be a lot easier if you use this style below and either use an external style sheet if you have any or put it as an inline style at the top of the document, under the <head> tag within a <style></style>
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
remorinaCommented:

table {border-collapse:collapse;}
table td {border:solid 1px #797e82;}

Open in new window

0
Manikandan ThiagarajanSenior consultantAuthor Commented:
could you please apply with this JSF Code

may be that wold help me
<h:dataTable id="dt1" value="#{TableBean.perInfoAll}" var="item"
			width="100%" style="border-collapse:collapse;" >


			<h:column headerClass="hheaderbluelti">
				<f:facet name="header" >
					<h:outputText value="Name" />
				</f:facet>
				<h:outputText value="#{item.name}" ></h:outputText>
			</h:column>

			<h:column headerClass="hheaderbluelti">
				<f:facet name="header">
					<h:outputText value="UserID" />
				</f:facet>
				<h:commandLink action="#{TableBean.selectUserId}">
					<h:outputText value="#{item.userId}"></h:outputText>
				</h:commandLink>


				<f:attribute name="width" value="100%" />
			</h:column>

			<h:column headerClass="hheaderbluelti">
				<f:facet name="header">
					<h:outputText value="Primary Relationship Center" />
				</f:facet>
				<h:outputText value="#{item.PRC}"></h:outputText>
			</h:column>

			<h:column headerClass="hheaderbluelti">
				<f:facet name="header">
					<h:outputText value="Primary Banker Name" />
				</f:facet>
				<h:outputText value="#{item.bankerName}"></h:outputText>
			</h:column>

			<h:column headerClass="hheaderbluelti">
				<f:facet name="header">
					<h:outputText value="CARE Member ID" />
				</f:facet>
				<h:outputText value="#{item.careId}"></h:outputText>
			</h:column>


		</h:dataTable>

Open in new window

0
remorinaCommented:
Try this and let me know how it goes
<style type="text/css">
.hheaderbluelti {border:solid 1px #797e82;}
</style>
<h:dataTable id="dt1" value="#{TableBean.perInfoAll}" var="item"
                        width="100%" style="border-collapse:collapse;" >


                        <h:column headerClass="hheaderbluelti">
                                <f:facet name="header" >
                                        <h:outputText value="Name" />
                                </f:facet>
                                <h:outputText value="#{item.name}" ></h:outputText>
                        </h:column>

                        <h:column headerClass="hheaderbluelti">
                                <f:facet name="header">
                                        <h:outputText value="UserID" />
                                </f:facet>
                                <h:commandLink action="#{TableBean.selectUserId}">
                                        <h:outputText value="#{item.userId}"></h:outputText>
                                </h:commandLink>


                                <f:attribute name="width" value="100%" />
                        </h:column>

                        <h:column headerClass="hheaderbluelti">
                                <f:facet name="header">
                                        <h:outputText value="Primary Relationship Center" />
                                </f:facet>
                                <h:outputText value="#{item.PRC}"></h:outputText>
                        </h:column>

                        <h:column headerClass="hheaderbluelti">
                                <f:facet name="header">
                                        <h:outputText value="Primary Banker Name" />
                                </f:facet>
                                <h:outputText value="#{item.bankerName}"></h:outputText>
                        </h:column>

                        <h:column headerClass="hheaderbluelti">
                                <f:facet name="header">
                                        <h:outputText value="CARE Member ID" />
                                </f:facet>
                                <h:outputText value="#{item.careId}"></h:outputText>
                        </h:column>

Open in new window

0
Greg GambleProgrammerCommented:
If its not working, then try this .... you need to call the parent class's before getting to the table cell

Table tr td { some style; }
0
Manikandan ThiagarajanSenior consultantAuthor Commented:
could you please help this question
0
Manikandan ThiagarajanSenior consultantAuthor Commented:
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Applications

From novice to tech pro — start learning today.