4 replies [Last post]
photomoon
photomoon's picture
Offline
Regular
Last seen: 2 years 6 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
Waco, TX
Last seen: 2 years 12 weeks ago
Waco, TX
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

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.


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

johndept1
johndept1's picture
Offline
newbie
england
Last seen: 3 years 49 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: 3 years 48 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: 3 years 48 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;
}