Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

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, ...image back ground repeat problemimage back ground repeat problem
Previous
 
Next
New Post
8/25/2009 10:36 AM
 
anjana

Joined: 7/9/2009
Posts: 15

hi,

 

   i have container which has back-ground image as the shade image. so, i didnt want that to be repeated vertically so added like back-Ground: No-repeat.

but it when say that it does not even show the image at all. if dont use that it streches horizontally and repeats vertically. i am ok with streching horizontally but i dont want it to repeate the image vertically.

what should i do to do this work.

my calss is:

 #box
        {
             text-align: left; /*set the div alignment to left*/
            background-image: url(shade.jpg);
            background-repeat: no-repeat;
            width:106px;
        }

 
 
New Post
8/25/2009 5:34 PM
 
Wells Doty


Joined: 4/18/2006
Posts: 559

You probably want it to only repeat in one direction. I often do this when applying gradient backgrounds, I'll create a 1px wide slice of the gradient, then set it to repeat horizontally, and set the background color to whatever matches the end of the gradient.

From the W3C Site on CSS:

http://www.w3.org/TR/CSS2/colors.html#propdef-background-repeat

'background-repeat'
Value:   repeat | repeat-x | repeat-y | no-repeat | inherit
Initial:   repeat
Applies to:   all elements
Inherited:   no
Percentages:   N/A
Media:   visual
Computed value:   as specified

repeat
The image is repeated both horizontally and vertically.
repeat-x
The image is repeated horizontally only.
repeat-y
The image is repeated vertically only.
no-repeat
The image is not repeated: only one copy of the image is drawn.
Wells Doty Jr
Online Content Development
 
New Post
8/25/2009 6:00 PM
 
anjana

Joined: 7/9/2009
Posts: 15

hi

    i did take 1px gradient and used that as back ground and as the back color is white i didnt have to worry about it.

my problem is that the i dont want my gradieant to repeate it any direction.

it should should show what ever the actual image size was.

but for my container it repeates vertically (but not strech..).

so, it looks odd when it repeats as it is gradiant.

that why i set that one as 'no-repeate'. when i did that the image is not showing up at all on the container.

 
 
 Page 1 of 1
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...image back ground repeat problemimage back ground repeat problem


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