/    Sign up×
Community /Pin to ProfileBookmark

CSS Gradient

Copy linkTweet thisAlerts:
Nov 12.2010

I am having some trouble with using CSS gradient.

I looked at the link below to learn how to do it, however I seem to have done it wrong. I was wondering if anyone could give me any pointers as to how it’s wrong or how to do it right.
[url]http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/[/url]

Here are my validator results:
[url]http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.ratbum.com%2Ftest%2FCV%2Fcv.css&profile=css21&usermedium=all&warning=1&lang=en[/url]

The page that the css is for is here: [url]http://www.ratbum.com/test/CV/cv.html[/url]

I’d also like to point out that I have searched the internet extensively (including this forum) to no avail.
This is a small project for university, I have no intention of uploading any actual CV to the internet.

Thank you, all help is appreciated.

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangNov 13.2010 — The gradient is visible. What is wrong?
Copy linkTweet thisAlerts:
@ratbumauthorNov 14.2010 — Sorry, I really should have clarified, there should be a header (which also has a gradient) on the top of the list of items that all say menu.

The class called "left-header" is the one that isn't working.

HTML:
[CODE]<div id="left">
<p class="left-header">Header</p>
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
</div>
[/CODE]

CSS:
[CODE]p.left-header {
background: #999;
background: -webkit-gradient(linear, left top, left bottom, from(#A5D4FF), to(#FFFCFC));
background: -moz-linear-gradient(top, #A5D4FF, #FFFCFC);
}[/CODE]

Thanks for your time.
Copy linkTweet thisAlerts:
@FangNov 14.2010 — It's working, only position:fixed; in #top-bar is hiding it.
Copy linkTweet thisAlerts:
@ratbumauthorNov 16.2010 — Thanks a lot, sorry I'm not very good at this.

Thank you again, you've been most helpful.
×

Success!

Help @ratbum spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...