4 replies [Last post]
Jackie SENSE
Offline
newbie
Last seen: 11 years 30 weeks ago
Joined: 2003-03-26
Posts: 9
Points: 0

There is a test one page web showing the problem at:
http://www.sensibleweb.co.uk/test/ the content of the css sheet has been copied there. It works for the obscure things like scroll bar!

I used the CSS generator at http://www.ahfb2000.com/cssgenerator2.php to make a style sheet. My main concerns being that the font was Verdanna 10pt in the boby, or really in the 'td' as the page is created with a table.
I cannot understand why when I place the cursor anywhere in the body, table cell. header the font writes 'Arial 8pt'. It is not that FP is using a default font for viewing as I set that to 'Elephant'.

The page is partially ignoring the css sheet.
Previously the page used an FP Theme but I modified the Theme to show 'None', then deleted the 'Theme' folder from the web and recalc. hyperlinks.
Could anyone show me where I have gone wrong please?

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 hours 33 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5125
Points: 2722

My stylesheet is being partially ignored

Hi Jackie,
I think the main problem is the markup of the tables, if you sort them out the rest may fall into place. Wink
This might be easier to show then say so here goes, this is what a simple table should look like:

<table>
<tr>
  <td>text</td><td>more text</td>
</tr>
<tr>
  <td>text</td><td>more text</td>
</tr>
</table>

each td is nested inside a tr which is nested inside a table. The td must be closed before the tr and table. Nesting multiple tables can be messy, I think thats where you went wrong. Tthe nested table should be in a td of the parent table and the nested table should be closed before the parents td is closed. The code below was taken from your page and simplified.
</table>
<table >
 <tr>
          <td >
   <tr>
           <td>
</td>
    </tr>
   </table>
</td>

Hope that helps.

Daniel
Daniel's picture
Offline
Enthusiast
Last seen: 21 weeks 6 days ago
Timezone: GMT+10
Joined: 2003-03-12
Posts: 76
Points: 0

My stylesheet is being partially ignored

Hi Jackie,

The problem looks like it's with your stylesheet. You had set the paragraph (P) style as follows:

p {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: normal;
}

Which was was is being applied to the CSS sample you added to the page. The problem was that you had set the code for the TD differently. You had set the font-size to 10px and had set Arial to display first in the font-family settings. This is why your text was appearing as 8pt Arial. Try changing the TD CSS to the following:

td {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
color: red;
font-weight: normal;
}

Hope this helps!

Cheers,
Daniel

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 hours 33 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5125
Points: 2722

My stylesheet is being partially ignored

Thanks Daniel,
I must have cut out too much when trying to simplify the table structure #-o
Looks like Daniel found the solution you need.
Sorry Jackie if I led you down the wrong track.
Some browsers will find it difficult to interperet nested tables just like I did. :oops:
You should look at using divs to layout the site, there are some good sites that provide templates in the [url=http://www.csscreator.com/css-node/2 collection discussion[/url]

Jackie SENSE
Offline
newbie
Last seen: 11 years 30 weeks ago
Joined: 2003-03-26
Posts: 9
Points: 0

My stylesheet is being partially ignored

Thanks Tony and Daniel

Yes I see the mistake with the 12px and the order of font family.
The css generator is great, but I did not look closely enough. I wanted 10pt not 10px; it was the 10px that was showing in construction as 8pt
And of course the wrong order of font family was me clicking the wrong option on the generator in the 'td' tag.

Does it matter whether I use px or pt?

It is all working fine now - thanks for your help