Mobile Friendly Website

CSSPLAY

Doing it with style

two tone headings COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}cssplay.co.uk.

Post a comment


Current posts

mrruben5:-
Very nice using of content property and fixed height/overflow:hidden and absolute positioning in a relative box :P
(12.12.2005, 12:38)

dexus:-
-moz-user-select:none;
will fix john's problem...
(13.12.2005, 21:51)

John:-
dexus - awesome fix! I knew mozilla had a lot of their own css2/3 codes but I never came across that one before. works like a charm

Stu, I prolly will update sooner or later.. I've just been being lazy lately ;o
(16.12.2005, 10:52)

nick may:-
Mac Safari Version 2.0.2 (416.13) (the latest, on Tiger 10.4.3) works fine and displays the same as Firefox 1.5 (Actually, the DeerPark special compile for g4 macs, but it is the same engine)
(18.12.2005, 14:09)

webecho:-
Hi Stu
I have a version of this I'd like you to have a look at if you have time

3D Headings

[url]http://www.webechodesigns.com/articles/css/heading-experiment.htm[/url]

It's not perfect hence the cry for help

It works in both Mozilla / Firefox and IE

Let me know what you think
(26.01.2006, 03:27)

Stu:-
webecho, it would be better if you had the repeated text in the same heading.
<h1>SHADOW TEXT<em>SHADOW TEXT</em></h1> this way you could give the h1 style a position:relative; and the h1 em style a position:absolute to place it on top of the previous text. This way you only have the normal h1 margins (and it is easier to style).
But I think someone has already done this ;o)
(27.01.2006, 20:22)

Andrei:-
No this is odd, in IE7B2 I only see the top half of the heading. The bottom half is cut out.
(08.02.2006, 21:24)

DeadMeatGF:-
If you drag over and select the text in IE7, you can see that the line's where it should be ... but as for the text, where's the bottom half?!?
(20.03.2006, 12:16)

brandon:-
actually, IE6 shows this as a solid colored text, no split, and IE 7 only shows the upper split in color.
(23.01.2007, 20:36)

Stu:-
brandon, this is in the mozilla section so will not work in IE. I state in the information that IE will only see monotone text. This demo was done pre IE7 so I have now incorporated this browser into the stylesheet.
(23.01.2007, 21:47)

10 of 16 comments (part 1). [ » ] [ * ]



Post

Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'

Support CSSPLAY

Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


CUSTOM SEARCH

Facebook Twitter rss feed Facebook Fan Page