Forum Moderators: not2easy

Message Too Old, No Replies

Centred announcement

         

zonkd

9:29 am on Jun 24, 2004 (gmt 0)

10+ Year Member



Dear Experts

I'd like to have this little announcement centred in a 440-px col, so that it appears as an independent panel.

But it wants to float in among text of what would be the following paragraph. Obviously it's my mistake.

What am I doing wrong please?

the html:

<dl class="FloatCentre">
<dd>Monday, July 5, 2004</dd>
<dd>2.00 pm &#8211; 3.30 pm </dd>
<dd>for Year 9 students </dd></dl>

the css:

dl.FloatCentre {
margin: 5px;
padding: 5px;
border: 1px solid #00FFFF;
text-align: center;

}
.FloatCentre dd{
margin: 5px;
padding: 5px;
font-family: "Courier New", Courier, mono;
font-size: 12px;
line-height: 1.25%;
color: #FF0000;
text-align: center;

}

Wrapdida

3:18 pm on Jun 24, 2004 (gmt 0)

10+ Year Member



i would use a blank div and apply clear:both or/left or/ right to act as a separator am not 100% sure that its cross browser safe.

zonkd

3:37 pm on Jun 24, 2004 (gmt 0)

10+ Year Member



That's part of the problem of course, wrapdida. Thanks for the idea, though. I'll give it a try. Cheers