Text partly blanked out, uploads in form, movie format

marcxx · Joined: 01 Nov 2009 Posts: 14

Hi everyone

Sometimes when I load my site the head (title) is blanked-out on the bottom half.

sticks464 · Joined: 31 Dec 2006 Posts: 2627

Is there possibly some styling in the com.css stylesheet that could be causing the problem?

marcxx · Joined: 01 Nov 2009 Posts: 14

Hi sticks464

I really am getting to know you--I think you answered my other question Crying or Very sad

No, the .css sheet looks harmless. I thought maybe the "blink" attribute might be causing the problem, but removing it has not helped. This is the code in .css for my title (h1=heading1):

sticks464 · Joined: 31 Dec 2006 Posts: 2627

Some browsers do not like the <br>'s your using. Another method to center the heading in the cell is valign.

marcxx · Joined: 01 Nov 2009 Posts: 14

Thanks, sticks464, for your suggestion.

I tried your code (<br /> removed)
However:

Both valign="middle" and valign="bottom" blanks-out top AND bottom bits of the title text. (It's even worse.) valign="top" still blanks-out the top.

I don't have much experience in how general imperfections exist in coding, but I thank you for making me think a bit laterally.

sticks464 · Joined: 31 Dec 2006 Posts: 2627

Instead of valign=top on that particular <tr>, add it to the first <td> that contains the image, then apply valign=middle to the <td> that contains the header text. Any alignment applied to the <tr> will over ride any alignment applied to the <td>'s in that row. I'm no expert on tables and they can be difficult at times. A good reason why they should not be used for page layout.

marcxx · Joined: 01 Nov 2009 Posts: 14

Thanks sticks464,

I'm always happy to try suggestions (see code below). This time, top bit of text is blanked-out. On the computer I am using now (I use a few), my original code has no blank-out.

It may be a case of the better of two types of blank-out. Embarassed

Thanks for your help again.

sticks464 · Joined: 31 Dec 2006 Posts: 2627

Give this a try.

marcxx · Joined: 01 Nov 2009 Posts: 14

Your code works for me as it is. When I try to put it into my .css and comment-out absolutely everything that might interfere, it does the blanking thing again. It also repositions the image and title, and I can't locate the code which does this.

Even the old table code works okay without the .css reference. All your new code may just be misleading.

Conclusion seems to be that the problem is just the linking to the .css (?). Here is my .css (including latest comment-outs):

sticks464 · Joined: 31 Dec 2006 Posts: 2627

I finally figured it out when I see your css. Several things need correction;
Setting line-height of 2em in the body is doing nothing. It gets over ridden with line-height set in the td, th styles. To correct this, remove line-height from the td, th and apply it only to the body. (By the way, line-height is what's causing the h1 to be partly blanked out in IE7.)
Using  inside the style tags will not work. You must use /* and */ to comment out elements.
All <a> styles are inherited from the a:link. Only change how the appearance will change with the hover, visited and active styles.
Only set font-family and font-size for heading tags. Apply color and other rules when used (as done with the h1).

Here's how it should look.

marcxx · Joined: 01 Nov 2009 Posts: 14

Hi sticks464

h1 is not in the body and should not be worried by body settings. I really want different line-heights for body, tables.

I think you've shown me how to get rid of unnecessary statements in the .css file.
But I'm not sure that your diagnosis is correct for blanks-out

Good wishes

sticks464 · Joined: 31 Dec 2006 Posts: 2627

Check the files I set you.
Your correct, the h1 is not in the body because there is no body tag which is incorrect coding. Again check the coding I emailed you.
First, after seeing your coding, you don't need a table to accomplish what you want.
Line height will effect the h1 because the pixel size for the h1 is greater that the pixel height set for the <td> which contains the h1 therefore blanking out the text that is not the same height as the line height size.
It is all corrected in the new files.

marcxx · Joined: 01 Nov 2009 Posts: 14

Hi sticks464

I am following your new argument. Please note that no new files have been received as yet.

sticks464 · Joined: 31 Dec 2006 Posts: 2627

Did you not send me 4 html files and a css file bu email?
I sent them back to the same email address as HTMLprob.zip.
I received them as HTMLprob.zipx

marcxx · Joined: 01 Nov 2009 Posts: 14

yes sticks464

(email was not marked unread. I found it though.)

You've done quite some redefining in the css.