page layout footer question for pdf output

[madcapnewbie]

Hi,

I'm creating a chapter page layout and want to edit the footer so it looks like this:

page num company website chapter #

I clicked on the footer and hit F2, and I guess my main question is how do you get to move the variables so that page number is on the left, company website in the middle, and chapter # on the right side of the footer.

Currently, when I add variables, they get placed right next to one another and I don't see how to space them/move them

[forfear]

madcapnewbie,

2 path before you. Choose you have to
First path
Insert a 3 column, 1 row table. fill them up accordingly

Second path
More complicated, uses the box feature of CSS without divs.

Type {page num}, then in the Formatting pane(CTRL + F12), set float:left and width: 250px.
Back in XML editor, press Enter key, this should move the next line 250 px to the right of {pagenum}.
Type the Company website. CTRL +12, set Float: left and width: 250px.
Back in XML Editor, press Enter key. insert {Chapter Number}

52 Capture.png

[madcapnewbie]

Thanks!

I'm def almost there!

I was able to add 3 columns to the existing footer frame in the chapter page layout template, but I'm still having a hard time getting the company website to show in the middle column - what am I missing?

Here is a screenshot of my current page layout.

Thanks so much for your help thus far!

footer_problems.JPG

[madcapnewbie]

Hi,

I think I figured it out.

you have to hit return in the text editor and format from there. (meaning, applying center and right justified alignment)

Thanks again!

[ChristyPatton]

I've followed the instructions in the previous series but my question, is there any way to control the width of the columns?

Also, the entire collection has a padding or something to the left of it causing the logo on the right end to hang off. I cannot find this in the code. Do you know where I can find this margin/padding?

error.jpg

Here is an extreme example. Again, notice the margin/padding and 'hangover'?

error.jpg

[ChristyPatton]

I do not know what was controlling my table but I created a class in my css that is controlling the table and my issue is apparently solved.