|
| |
|
|
pageoneresults
Posts: 1001
From: Orange, CA USA
Status: offline
 |
CSS and a Little Bit of Spice - 5/13/2003 17:16:02
I' ve recently been rebuilding a site for a new client of mine. During the rebuild, I had to study up on some of his Certifications in his industry. After reading through the particulars of his main certification, the guidelines dictated that any time the marks or titles were used, they had to be all UPPER CASE or SMALL CAPS.
Coming from the search engine marketing side of this, ALL CAPS does not work well with those SEs that are still case sensitive. There are only a handful and I don' t believe any of the major SEs are case sensitive.
Here I was with a dilemma that I did not have a solution for. I hate using ALL CAPS as it is just not proper design technique, although there are some instances where it may be applicable. So, what did I do? I found out that I can use the font-variant:small-caps; in my css to control the appearance of various on page elements. Basically what I did was apply the font-variant:small-caps; to <h> tags and all <strong> tags. The resulting output was actually pleasing to the eye (my eyes anyway).
If you want to add a little bit of spice to your web pages, css is definitely the best option to choose. Not only will you gain complete control over your website through one external css file, but you will open up a whole new world of designing for the web.
To see the font-variant:small-caps; in action, you can visit...
www.gobcafunds.com/
Graphics have not been produced yet for the site. No feedback on graphics is required. You are welcome to provide feedback on any css issues that you may see. Yes, we know there is no underline on certain <sup> elements throughout the site. That is one roadblock we are working to resolve.
< Message edited by pageoneresults -- 5/13/2003 9:04 PM >
_____________________________
SEO Consultants Directory
Find Search Engine Marketing Companies
|
|
|
|
pageoneresults
Posts: 1001
From: Orange, CA USA
Status: offline
|
RE: CSS and a Little Bit of Spice - 5/13/2003 17:20:11
P.S. I should also point out that using the font-variant:small-caps; does not require that you type everything in ALL CAPS to begin with. You would use proper upper and lower case where applicable. The user sees SMALL CAPS and the spider sees upper and lower case. View the source code of the above link to see what I mean.
_____________________________
SEO Consultants Directory
Find Search Engine Marketing Companies
| |
|
|
|
pageoneresults
Posts: 1001
From: Orange, CA USA
Status: offline
|
RE: CSS and a Little Bit of Spice - 5/13/2003 18:24:33
P.S.S. For those of you who are wondering about the left hand navigation menu of the above site, that is built using 100% css. The css code that controls the look and functionality of the menu is...
#menu{
position:absolute;
left:7px;
top:120px;
width:130px;
}
#menu a{
display:block;
text-decoration:none;
padding:2px;
margin-bottom:0px;
border:1px outset;
color:#efefef;
background:#369;
font-size:12px;
text-align:left;
line-height:14px;
width:123px;
}
#menu a:hover{
border:1px outset;
color:#369;
background:#efefef;
}
#menu a:active{
border:1px outset;
color:#369;
background:#f9d543;
}
_____________________________
SEO Consultants Directory
Find Search Engine Marketing Companies
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
