Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

Maximum ASP
  Ads  
Active Modules -- Active Forums for DotNetNuke
 


  Sponsors  

Meet Our Sponsors

WebSecureStores -- ASP.NET & DotNetNuke Hosting Solutions
FCKeditor Project
Salaro -- Skins and more
OnyakTech
CrystalTech Web Hosting™
Webhost4life, specialists in DNN hosting
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  CSS mind bender - why doesn't this work in skin.css but everywhere else?
Previous Previous
 
Next Next
New Post 3/22/2008 12:28 AM
User is offline J Morrissette
77 posts
10th Ranked


CSS mind bender - why doesn't this work in skin.css but everywhere else? 

I came across a little snippet of CSS code that adds an icon next to URLs based on the type of data they are linking to.  This code works perfectly everywhere except in a skin.css file.  Any ideas why?

a[href

^='mailto:'] {  padding: 5px 20px 5px 0; background: transparent url(icons/icon_mailto.gif) no-repeat center right; }
 
New Post 3/22/2008 10:04 AM
User is offline Cuong Dang
280 posts
engagesoftware.com
9th Ranked


Re: CSS mind bender - why doesn't this work in skin.css but everywhere else? 

I used this before, it worked for me. Is there a way you can post a link so I can take a look in order to help?

Cuong Dang
Engage Software
St. Louis, MO
314.966.4000



The leading provider of DotNetNuke support, training and custom module development.
 
New Post 3/22/2008 11:05 PM
User is offline abecedarian
74 posts
10th Ranked


Re: CSS mind bender - why doesn't this work in skin.css but everywhere else? 
Modified By abecedarian on 3/23/2008 1:33:08 AM)

Do you have an 'icons' subfolder under the skin folder with the 'icon_mailto.gif' file in it?

You could also try this (it should give you a pencil on paper gif):

a[href^='mailto:'] {
 padding: 5px 20px 5px 0;
 background: transparent url(../../../../images/action_settings.gif) no-repeat center right;
}
 
 Page 1 of 1
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  CSS mind bender - why doesn't this work in skin.css but everywhere else?
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.
 


MaximumASP
MaximumASP provides a wide array of web hosting plans to fit any hosting need. We also provide software and services needed to keep it running optimally.
MaximumASP.com 		Mad Development: dotnetnuke design and development
We are an expert Dotnetnuke shop specializing in developing solutions that merge the requirements of design and branding, content management, ecommerce, search engine optimization and business logic.
www.MadDevelopment.com 		telerik
telerik r.a.d.controls suite is the most innovative and comprehensive toolset for ASP.NET development, tailored for seamless integration with the DotNetNuke project. This integrated collection of controls allows professionals to build web-solutions with the UI richness and responsiveness of desktop applications.
dnn.telerik.com

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP