XSitePro Website Design Software Message Board

The online forum dedicated to XSitePro users. Get help with website design in general and using this popular and incredibly powerful website software
It is currently Sat May 18, 2013 1:17 am

All times are UTC - 7 hours




Post new topic Reply to topic  [ 1 post ] 
Author Message
PostPosted: Fri Jan 27, 2012 12:27 pm 
Offline
User avatar

Joined: Sat Aug 30, 2008 7:22 pm
Posts: 1888
Location: The road less traveled...
I just created a WordPress page for a client organization that has a list of officers with title, name, 3 phone numbers, and 2 email addresses.
There are over 30 people on the list, so the table was quite extensive. I started out with adding a 1px bottom border and quickly found that this was
very tedious trying to add this at the table cell <td> level as would be required in XSite Pro.
It was also tedious manually adding the line (bottom border) to each row.

CSS to the rescue!
I added one line of CSS to the WP theme's style.css file. It worked great.
It also works in XSite Pro, although XSP requires a separate "bottom-border-color" property.
Just add your script in Other --> Global Scripts --> In the HEAD section of the page...
Code:
<style>

tr.u1 { border-bottom: 1 px solid;
        border-bottom-color: #787878 ; }  /* is necessary in XSP */

</style>
In the HTML where you want the line (bottom border) under the row <tr>:

<tr class="u1">

The Design editor leaves the code intact. 8)

You can also create alternating row colors by adding a background color to the class and then only using the class on every other row.
Or you can add a second class, say, "tr.u2" and add the background color to it. Use <tr class="u2"> for these rows.
Code:
<style>

tr.u1 { border-bottom: 1 px solid;
        border-bottom-color: #787878 ;  /* is necessary in XSP */
}

tr.u2 { border-bottom: 1 px solid;
        border-bottom-color: #787878 ;   /* is necessary in XSP */
        background-color: #E5FFFF;
}

</style>

Edited to add: Oops! I left of the "/" for the </style> in my original post. You will kill your page without that forward slash.

_________________
XSitePro runs great on HostGator (WordPress does, too)
Image


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 1 post ] 

All times are UTC - 7 hours


Who is online

Users browsing this forum: Bing [Bot], selinayap and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group