two different placements for h1 tagline
Hi, please see url: http://freedom.backstageweb.net/features/
Note the placement of the tagline under the logo (small office practice management and ehr) - this is where it should be.
Now click on the logo to go to the homepage. The placement of the tagline is higher and is cut off at the bottom. I want it even across all pages. What is wrong here?
The one that works the way you like is <p id="tagline">
The one that is too close to the logo is <h1 id="tagline">
Since that is really a heading it should be enclosed in heading tags, like the second example. Once you get all your pages #header-wrap the same you can style that h1 so it appears the same every time.
...oops, forgot the most important part.
This is the main difference between the two, your paragraph tagged tagline gets this where your h1 tagline does not -
I see the difference you pointed out (the "p" and the "h1" ids) but I'm really working with a grandchild theme. (Cataylst is the parent theme, Dynamik is the child theme and my custom.css file (I suppose) would be the grandchild theme. Since I'm already working two tiers removed, I don't know how to remove the <p id="title"> and wrap it in h1#tagline without manipulating the parent theme (sorry, I don't know exactly how to ask this question, I hope you know what I mean).
As a more immediate (but not proper, I don't think) solution, if I just comment out the /*line-height:155%;*/, then the #tagline style is the same for both and I can adjust the top margin. ...is this what I should do? (it works, I just don't think it's the right way to go).
If it works for you... as long as losing the 155% line-height doesn't mess up your paragraph tags somewhere else in the document.
It is not semantic. Neither your #title or your #tagline are paragraphs.
|All times are GMT +1. The time now is 08:38 AM.|
Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.