/    Sign up×
Community /Pin to ProfileBookmark

Urgent CSS! question on Headings <h1>

Copy linkTweet thisAlerts:
Jan 20.2007

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

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@ray326Jan 20.2007 — Probably line-height.
Copy linkTweet thisAlerts:
@Alexander_AmbroauthorJan 20.2007 — 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?
Copy linkTweet thisAlerts:
@Alexander_AmbroauthorJan 20.2007 — 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?
Copy linkTweet thisAlerts:
@ray326Jan 20.2007 — What properties did it assign? That's probably browser defaults rather than assignments from the editor.
Copy linkTweet thisAlerts:
@Alexander_AmbroauthorJan 20.2007 — 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
Copy linkTweet thisAlerts:
@WebJoelJan 20.2007 — 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>.
Copy linkTweet thisAlerts:
@Alexander_AmbroauthorJan 20.2007 — 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
×

Success!

Help @Alexander_Ambro spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...