4 replies [Last post]
photomoon
photomoon's picture
Offline
Regular
Last seen: 2 years 32 weeks ago
Timezone: GMT+2
Joined: 2009-11-29
Posts: 30
Points: 43

Hey.

I am trying to figure out if it´s okey or not to have different color on the headings that on the other text at a webpage?
And can it be different colors on the different pages at the webpage?
I do understand that it is good to "mark up" some certain word in a sense, but at webpages and there headings?
I am having a little trouble to know what is the best; is it just a opinion question or is it a "general rule"?

Thanx for any answer!

//P

Tags:
CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 19 weeks 2 hours ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2636
Points: 1554

you can do whatever the

you can do whatever the design calls for, there are no rules. Its best to keep the look and feel of the site consistent. For example, all H2's should share the same styles. All H3's should share the same style. Now you can have more then one theme for a website. For example, one theme can have all H2's green, but the other theme may have them pink. Having more then one theme on a website isnt uncommon, but you need to be very careful to not confuse the end user.

johndept1
johndept1's picture
Offline
newbie
england
Last seen: 4 years 24 weeks ago
england
Timezone: GMT+5
Joined: 2010-05-04
Posts: 3
Points: 3

use style tag.

use style tag.

logo
logo's picture
Offline
newbie
delhi
Last seen: 4 years 22 weeks ago
delhi
Timezone: GMT+5.5
Joined: 2010-05-07
Posts: 5
Points: 5

simple CSS trick to show you

simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6.
The CSS

The key point here is: h1 { position: relative } and h1 span { position: absolute }

h1 {
font: bold 330%/100% "Lucida Grande";
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}

logo
logo's picture
Offline
newbie
delhi
Last seen: 4 years 22 weeks ago
delhi
Timezone: GMT+5.5
Joined: 2010-05-07
Posts: 5
Points: 5

simple CSS trick to show you

simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6.
The CSS

The key point here is: h1 { position: relative } and h1 span { position: absolute }

h1 {
  font: bold 330%/100% "Lucida Grande";
  position: relative;
  color: #464646;
}
h1 span {
  background: url(gradient.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}