Links Module CSS
Last Post 07/04/2006 1:42 AM by Trevor Mullen. 4 Replies.
Author Messages
James Chan
Nuke Newbie
Nuke Newbie
Posts:6


--
06/14/2006 12:30 AM  

Does anyone know which css class does the links module use?  I have a horizontal display of links and want them all to the displayed in blue and underlined.  Thanks.

 

Lee Sykes
DNN Creative Staff
Nuke Master VI
Nuke Master VI
Posts:4945


--
06/14/2006 5:01 AM  
Hello,

The links module is styled using the Normal class, so you need to set the styling for any links within the normal class. - For instance:

a.Normal:link {
    text-decoration:    none;
    color: green;
}

a.Normal:visited  {
    text-decoration:    none;
    color: purple;
}

a.Normal:hover    {
    text-decoration:    none;
    color:red;
}
a.Normal:active   {
    text-decoration:    none;
    color: orange;
}

Will make it obvious which elements these effect - remove the text-decoration line if you want underlines to appear.

One problem may occur with this however. - The normal class is used for all sorts of items in DNN - the main one is the Text/HTML module, so this will also style the links within the Text / HTML module.

Thanks
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/DNNCreative

Lee Sykes's Facebook Profile
James Chan
Nuke Newbie
Nuke Newbie
Posts:6


--
06/14/2006 6:35 AM  
Thanks Lee, however when the portal is first viewed, the links do not appear as styled (underlined). On clicking on any of the links, the links become underlined....
Lee Sykes
DNN Creative Staff
Nuke Master VI
Nuke Master VI
Posts:4945


--
06/14/2006 7:34 AM  
Hello,

Have you applied the same settings to each of the classes I listed above? It sounds as though your visited and link classes have different settings.

Have you pressed refresh to make sure you browser has picked up the new CSS?

Do you have a URL if this still doesn't fix the problem so that I can have a look, thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/DNNCreative

Lee Sykes's Facebook Profile
Trevor Mullen
Nuke Newbie
Nuke Newbie
Posts:3


--
07/04/2006 1:42 AM  
Hi,
I'm new to this forum (so feel free to ignore my suggestions...)

I had this problem a while ago, and the cleanest fix was to use the free bonosoft "link image" version of the links module.
( http://www.dotnetnuke.dk/Default.aspx?tabid=226 )

Trevor Mullen


---