Combining CSS Files

[halim]

Version of script:1.5
Hosting company:Network Solutions

Hi,
I am using version 1.5 of the guestbook script and facing some difficulty in applying css styles. I already have my css file for the rest of my website however, when i used the header and footer files with gbook, things kind of changed... I am not able to apply my web site style to the gbook.
My questions:
1. Can i use 2 css files on a website? and at the same time use the header and footer files?
2. Can i just combine the css file of gbook into my website css file?

THanks for your help in advance.

[Klemen]

You can do both 1. and 2., but combining the two is probably easier, just copy contents of your CSS file and paste it into the style.css from GBook.

[halim]

Hi,
Thank you for your reply. I have tried that, however the gbook html final file is now using one of the CSS files only. If i use my site's css then the gbook is not matching, and if i use the gbook css the web site does not work properly. any ideas?
Thanks

[Klemen]

Maybe if you post a link to your GBook I can have a look, not sure what the problem is otherwise.

[gildionne]

I know that this is a stale topic, but the original problem does not appear to have been resolved, as of the last message posted. A simple solution that will work relies on the ability to give HTML and CSS tags an identifier, such as "class=", or "id="

I know that version 1.5 of gbook uses the parameter 'id="gbook" ' on it's 'body' tag. Adding "#gbook " (note the single space after the 'k') in front of each gbook style rule, will tell CSS that this rule only applies to elements that are contained in the specific block of code identified with the 'id' of 'gbook'. Now if these modified styles are appended to the bottom of another style sheet, there should be no conflicts. Everything on a single sheet. Makes it easier to match gbook to your page.

Just make sure that you change gbook to reflect the correct location of your style sheet.

Here is an example of what the modified style will look like.
#gbook body, #gbook td { color: black; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;}

I hope that this is information is useful to any others who are searching for solutions to the same problems.

Gil,
a happy user of gbook 1.5

"Search for answers first. Only then, if it's still necessary, Ask!"

[Klemen]

Thanks for sharing, will see if I can use something like this by default in the next version.