External CSS Table Troubles - GoLive5 1

[Carpster]

I'm on GoLive 5. Building a site with external CSS and have conflict with one page containing a table. CSS text definitions are either ignored or are missing inside table cells. I'd rather not hard-code each cell; I'd much prefer my External CSS <div> text definitions to be read in the table. Wishful thinking?

Any ideas/comments would be most welcome.

Thanks.

 

[wiser3]

IE has bugs that prevent CSS properties from being properly inherited by tables elements.

The fix is to take a rule like this:
p {background-color: #000; color: red; }

and turn into something like this:
p, td p, th p {background-color: #000; color: red; }

This way the rule applies to all p elements, including those inside table.

 

[Carpster]

wiser3:

That makes perfect sense. Here's where I expose my lack of GoLive know-how:

I'm not certain how to change lines of code in the external CSS created by GoLive. I've changed the Web Settings to utilize IE5, but I'm not sure how exactly I can make your suggested fix in the external CSS doc itself.

I've tried editing the rule in the Web Settings Inspector Source window itself, but that doesn't seem to do the trick.

Your suggestions on how I should implement that rule change would be most welcome -- I appreciate your help!

 

[wiser3]

I'm not familiar with GoLive 5 and can't give specific instructions for that version. The oldest version i ever used was 6.

Go into your css source, copy it and paste it in here, so i can take a look at it. If the website is posted somewhere a URL to it would also be very helpful.

 

[Carpster]

I opened my GoLive .css file in BBEdit and could see the code, but as GoLive only allows editing via the site window, I can't edit in BBEdit. But this is what that file looks like. All of these were created through the CSS editor (inspector) window, not hand-coded. I can view the rules under the Source tab of the CSS inspector window, but it seems there is no simpe way to hand code a .css file in GoLive (v. 5 at any rate)

Thanks very much -- please let me know if the following is not helpful in answering the table question.
----
#header
{ color: #f8d914; font-size: 16px;
font-family: Impact, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
background-color: black;
text-align: center; word-spacing: 4px; letter-spacing: 4px; margin-top: 2px; margin-bottom: 2px; position: relative; height: 38px; visibility: visible }

body
{ font-size: 11px; line-height: 180%; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: black;

list-style-image: url(../imgs/arrow.gif); margin-left: 25px }

.regtext
{ color: #e6e6e6; font-size: 8px; line-height: 180%; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; letter-spacing: 0em }

table
{ font-size: 11px }

#navbar
{ color: red; font-size: 9px; line-height: 16px; background-color: #595959; text-align: center; letter-spacing: 3px; margin-bottom: 15px; position: relative; height: 16px }

#logo
{ height: 137px }

#midsection
{ color: #e6e6e6; line-height: 180%; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: black; margin: 2% 15% 0%; border: 0px }

#footer
{ color: red; font-size: 8px; line-height: 16px; background-color: black; text-align: center; letter-spacing: 4px; height: 16px }

a
{ color: #e6e6e6; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

a:hover
{ color: #f8d914; text-decoration: none }

 

[wiser3]

I would change the following style selectors:

body { your definitions }
body, td, th { your definitions from body }

table { your definitions }
td, th { your definitions from table }

I think those changes will fix it. How you apply those changes with GoLive 5 i don't know. But you should be able to open the external css file in any text editor, make the changes, and save over the old file. You won't be able to save the file from a text editor if the file, or maybe even the site, is open in GoLive.

 

[Carpster]

wiser3:

That looks like it should work.

I'll make the changes and save over the document and replace it in the files, all outside of GL.

That's the problem with WYSIWYG editors -- it's hard to get under the hood and do things for yourself...

I really appreciate your prompt responses to my queries -- this has been a really great forum experience and I appreciate your time.

Carpster

 

[wiser3]

That's the problem with WYSIWYG editors -- it's hard to get under the hood and do things for yourself...

With GoLive 6 it's easy to "get under the hood" and do those source code changes yourself. Now i'm using the latest CS2 version. WOW, great stuff, whether you want to "get under the hood" or not.

 

[Carpster]

wiser3:

Sorry for the radio silence -- the workaround is doing the trick. Table are whipped and getting in line!

Thanks,

Carpster