Click to See Complete Forum and Search --> : Urgent CSS! question on Headings <h1>
Alexander.Ambro
01-19-2007, 08:35 PM
The <h1> assigned unwanted appearance properties to a piece of font. Although I was able to undo them through CSS, it expanded my cell to almost TWICE the height and I cannot seem to change it back to the specified cell height in the <td>.
Solution should be simple, but I cannot seem to find it! Please help...
Alex
ray326
01-19-2007, 08:52 PM
Probably line-height.
Alexander.Ambro
01-19-2007, 10:23 PM
For some reason that disrupts the even spacing though of the text within the cell. It's possible to reduce the height of the cell as you suggest with line-height (thanks), but then the text is no longer vertically aligned...
thoughts?
Alexander.Ambro
01-19-2007, 10:32 PM
I guess I'm wondering if that's possible... so that Dreamweaver doesn't automatically assign certain CSS properties to layout / font classes that are already defined?
Possible? pros / cons?
ray326
01-20-2007, 05:37 PM
What properties did it assign? That's probably browser defaults rather than assignments from the editor.
Alexander.Ambro
01-20-2007, 05:58 PM
Hey,
Thanks for following through with the post... You were right about it being browser specific. Just in Safari will the middle vertical alignment shift up some pixels, while in Firefox and IE it stays in the middle. Oddly enough, it shifts up in the Dreamweaver window too though...
Any ideas of a parameter to change so that it knows to keep it in the middle and not let default heading parameters change it? line-height worked for resizing the window, just not for the text's place in it.
Thanks,
A
WebJoel
01-20-2007, 06:08 PM
I have read every post of this thread twice, -I still do not quite grasp what you are trying to do. -Can you post your code, or URL to it online if there is? I'd like to see this and maybe play around with it in my editor, but what comes to mind, -have you assigned a default size for the H1? Either in px or em. I assu me that all browsers make their own assumptions about how 'tall' or how 'padded' or 'margined' any "<h>" should be. For pages where this might be critical, I would assign a font-size:value; for every flavor of <h>.
Alexander.Ambro
01-20-2007, 06:33 PM
Hey,
Thanks for the responses. Admittedly somewhat confusing, and I'm probably not explaining it in the clearest way. I think I found away through (around) the problem though by setting the box height in CSS as 1. Still not sure why Safari moves middle-vertically-aligned text up in its headers as a default, but setting that box height back to 1 (to wherever the default <h1> set it), seems to have solved it.
Rather annoying though that there is no way of seeing (that I know) the default values for headers that are browser specific.
Thanks again,
A