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/
