Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...using H1 tag in title changes containerusing H1 tag in title changes container
Previous
 
Next
New Post
10/28/2010 5:01 PM
 
please see www.foreverpix.com/webtesting to see this illustrated:
I am using a H1 tag in the title of the module for SEO. I have set the container css for the container title to be the same as the H1 for the font, color, weight etc, so the appearance is the same whether I use the H1 tag or not. But for some reason, using the H1 tag in the module title changes the height of the title area, and moves the actions menu to the line above it.  This has occurred a lot with different containers. I have examined the two in FireBug but cannot see where this is coming from.

Any help appreciated much. thanks.
 
New Post
10/28/2010 8:49 PM
 
  1. There is a non breaking space (  & nbsp ; ) before the title span which is creating the extra line - see if you can remove it.
  2. The heading tags line-height is set as 1 - you may be required to set this more specifically for both formats.
  3. Try adding .conTitle h1{display:inline} to make the container h1 tags show on the same line as the elements around it.
 
New Post
10/28/2010 9:00 PM
 
First, you shouldn't really employ H1 for the module title for all modules on the page. I think for SEO you need just one H1 tag per page. So, if you want the H1 on there, it's more for the page title than module title. You could add the page title to the page enclosed in an H1 tag via the skin. Also, the extra white-space you are getting is from the default padding and/or margins inherent to the H# tags. Try explicitly setting the padding and margins to your tag's css and you'll get that under control.

Secondly, I had the same issue with the module menu jumping to a new line above the title and the visibility button doing the same kind of jumping around. If I recall, it had to do with the title width and the way the div's and css are layed out. I never found a good solution except to go back to using a table for the title/icon/menu/visibility area in a container, that or using fixed width div's that do not "disappear" when they are empty. If someone found a way around that issue with div/css and allows for the "disappearing" item, I'd love to know that solution.

Actually, one solution for the module menu is to add it to a div above the title div. I figured it that menu icon wants to be up, then put it up there. I did that in one container and that div does shrink down when empty. But, I still used a table to place the title, icon, and visibility buttons. Having a fixed width div to the right for the visibility buttons would work in that scenario as long as the project leader is ok with that white-space being there even when the button is not.

JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke  

New Post
10/29/2010 11:18 AM
 
Hi

You can download schwingskin 1.0.0 from my site  http://www.schwingsoft.com/schwingski...

in this zip you will find the skinobject SchwingSkinHelper, install this using the extension manager

if you have this installed in your portal you can add the following to your containers

<%@ Register TagPrefix="Schwing" TagName="TITLE" Src="~/DesktopModules/SchwingSkinHelper/ModuleTitle.ascx" %>

and then you can use this

<Schwing:TITLE ID="TITLE1" TagFormat="<h1>{0}</h1>" runat="server" />

this way you will get clean html and not like you have it now  an H1 tag in a span that invalid html

 
New Post
11/4/2010 4:05 PM
 
Thank you very much - removing the & nbsp in the ascx file for the container did it.
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...using H1 tag in title changes containerusing H1 tag in title changes container


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out