Damien Carbery wrote:
> Site: http://www.motions.ie/ncef.html
> CSS: http://www.motions.ie/motions-styles.css
> It also uses YUI resets-fonts-grids.css and base-min.css and a vertical menu 
> from DynamicDrive.com [1]
>
> I found CSS code to display a h2 on top of the div border, like a paper file 
> tab (but I do not remember where).
>
> On IE6 the "Certificate in Exercise and Health Fitness" is displayed higher 
> up than on IE7, FF3, Opera 9.5 and Safari 3.1.2, all on Windows.
>
> Adding: display: inline-block;
> improves things - it is over the light border but still too far left.
> It also makes the border snug around the h2 element. This aspect is
> okay.
>
>   



Replace this code:

> The code is 
> .course-description h2, .course-details h2 {
>   font-size: 161.6%;
>   font-weight: bold;
>   background-color: white;
>   color: black;
>   padding: 5px;
>   
> padding: 2px 8px 3px 4px;
> margin: -.68em 15px 10px 9px;
> position: relative;
> display: inline-block;   /* This moves the h2 down but still further left 
> than other browsers. */
> border-left: 1px solid #ccc;
> border-top: 1px solid #ccc;
> border-right: solid 1px #555;
> border-bottom: solid 1px #999;
> line-height: 1.2;
> }
>
>
>   


With this code:

.course-description h2, .course-details h2 {
background:#fff;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: solid 1px #555;
border-bottom: solid 1px #999;
font-size: 161.6%;
font-weight: bold;
padding: 2px 0 3px 8px;
position: absolute; top: 16px; left:214px;
line-height: 1.2;
margin: 0;
width:700px;
}
* html .course-description h2, .course-details h2 {
top: 18px;
}/*for IE/6*/

Add this selector to style sheet:
.yui-t2 {position: relative;}

Amend this inline style to include the padding-top:
<h2>Certificate in Exercise and Health Fitness</h2>
<div style="float: right; padding-top:25px;">


Assuming this is what you're after: Cursory checked on a local file on 
Mac OS X 10.4.11 in latest version Opera, Safari, & FF/3; and, in XP 
IE/7 & IE/6 on Mac Parellels.















-- 
http://chelseacreekstudio.com/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to