Adding a Verticle Line with Xsitepro

November 4, 2008 by  
Filed under XsitePro

The big problem is can Xsitepro add a verticle line in a webpage…my first thought was NO, but after reading what was needed, I do believe there is an answer, here is his question:

Hi everyone, how do I get this bar in the middle of the main page?

It is definetly on the main page and not right panel. How do I split the main page into 2 seperate columns? 1 with my text and 1 with adsense as shown?

There area a couple of ways to accomplish the above desired result in xsitepro….I talk about a few below.

If the right side is an actual panel….then the line is part of the template. In other words, it is part of the graphic that makes up the template. There is no coding that will make that happen….anyway, none I can think of.

One way you could do that is create a table to place the main content in, and only show the right side of the table border.

Or…put the table in the right column and make the left side of the table….the only one visible.

Xsitepro version 2 allows you to define many attributes of a table, so if you were to create a table in the main content, align left….and place your content in it. Now put your mouse over the border line of the table until the cursor turns into a 4 pointed cross……right click once, then left click and on the top of the window is “table properties”……the first tab is attributes, go to the bottom and in the boder space enter “0″….also make sure the border color is the same as the background of your main content area….in most cases white. Next click on the “Style” tab. Go to the Border tab, the second radio button allows you to choose any side of the table, you would want the right or left side depending on where the main table is. Pick the pixel width and color. The next thing you’ll want to do is go to the Margin tab, and place a number like 5 pixels for margin…..this will push the text away from the line. Chose whatever width you think looks good.

Play around with the table options and you can do a lot.

People who are unfamiliar with working with tables need to understand what the alignment attribute does. Get a handle on that and the other options will be icing on the cake. If you want to see how the alignment works, create 2 or 3 paragraphs of text, place a table in the middle of it….add a small paragraph of text in the table. Now highlight the table and chose one of the alignment options, left, middle or right to see how it works and see how the text wraps around the table.


Post to Twitter Digg This Post

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.


3 Responses to “Adding a Verticle Line with Xsitepro”
  1. Myles says:

    It can be done with CSS. See how I did it here:

    I use CSS to add dotted borders to the left/right panel.

    border-left: dotted 1px #737373;

    border-left: dotted 1px #737373;

  2. xsiteproreviewsbest says:

    Hi Myles….once again great comment!

    I was thinking of using inline css for the table properties of the outside panel.

    You sure made it a lot simpler and opens the doors to some new design techniques using css. I really need to learn more css.

    One of my problems is I never really studied the css file that Xsitepro produces, guess I should really snag it off the server and take a look at it.

    If you were closer, I’d talk my wife into letting me work with you for a week for free….just so I could learn from a design guru :)

    Keep those comments coming.

    2 Links for you!

    Let me know if you’d be interested in doing some guest posts either here, or or both… could pick up some good backlinks.


  3. Myles says:

    Sure. Gimme a topic and I will see what I can do.

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!

Powered by Yahoo! Answers