I'm not certain, but try this. Your HTML code refers to <div
class="box_clear_float_left">. In your CSS you named the class
"div.box_clear_float_left {}". Remove the "div" from the CSS code so
that it reads,
.box_clear_float_left {
float: left;
line-height: 1.2em;
font-style: italic;
color: #000000;
border-color: #000000;
border-width: 1px;
border-style: solid;
padding: 10px 10px 10px 10px;
margin: 0px 3px 20px 0px;
font-family: "Californian FB", "Times New Roman", serif;
font-size: 12pt;
font-weight: normal;
width: 256px;
}
Regards,
Bill B
Scott Brasted wrote:
> Greetings,
>
> http://www.stpeterswestfield.org/index.php
> http://www.stpeterswestfield.org/css/st_peters.css
> Both the page and the css validate.
>
> Bottom of the page, two clear (white background) div boxes side by side
> on the left side of page (one title says TO OUR VISITORS and the other
> Title is HOMEBOUND OR JUST ...). Float works fine except that when divs
> are floated, the links in the right hand of the two boxes do not work.
> Unfloat and voila', they work like a charm. Here is css for the 2
> classes directly affecting the divs.
>
> div.box_clear_float_left {
> float: left;
> line-height: 1.2em;
> font-style: italic;
> color: #000000;
> border-color: #000000;
> border-width: 1px;
> border-style: solid;
> padding: 10px 10px 10px 10px;
> margin: 0px 3px 20px 0px;
> font-family: "Californian FB", "Times New Roman", serif;
> font-size: 12pt;
> font-weight: normal;
> width: 256px;
> }
>
> .sbar_link a:link {
> text-decoration: none;
> color: #4b0082;
> font-weight: bold;
> }
>
> .sbar_link a:visited {
> text-decoration: none;
> color: #800080;
> font-weight: bold;
> }
>
> .sbar_link a:hover {
> text-decoration: underline;
> color: #4b0082;
> border-bottom: none;
> font-size: 12pt;
> }
>
> Here is the html for the div boxes:
> <div class="box_clear_float_left">
> <div class="sbar_link">
> <h3>TO OUR VISITORS</h3>
> <p>We welcome you to our worship and to our
> parish life. Please
> know that whoever you are and wherever you find yourself on your journey
> in faith there is a place for you here at St. Peter’s Episcopal Church.</p>
>
> <p>All baptized persons are invited to receive the
> sacrament of Holy
> Communion. If you prefer not to receive communion, we invite you to come
> to the altar rail, cross your arms on your chest and receive the
> blessing of God. If you are unfamiliar with the Episcopal worship
> service, ask someone for help, or merely relax and enjoy the beauty and
> power of the service by observing what goes on. Come again . . . soon
> and often.</p>
>
> <p>Please join us in Bailey Hall immediately following
> the service
> for food, fellowship and fun.</p>
> </div> <!--end link-->
> </div> <!-- end box/float -->
>
> <div class="box_clear_float_left">
> <div class="sbar_link">
> <h3>HOMEBOUND OR JUST UNABLE TO ATTEND SERVICE?</h3>
> <p>If you were not able to join us this Sunday for
> Church, you can
> watch the service on Time Warner Cable - Westfield Channel 21 on
> Tuesdays at 1:00 p.m. (thank you Tom). You can <a
> ref="../weekly_services/service.php" title="Read This Week's Bulletin">
> read this week's service bulletin here</a> or use it to follow along
> with the service on Public Access. If you, or someone you know, is
> unable to come to church and would like a clergy visit, please let the
> <a href="mailto:[email protected]"; title="E-Mail your Request
> to the Church Office"> church office know</a> and the office will
> schedule a clergy visit and bring communion if you desire.</p>
> </div> <!--end link-->
> </div> <!-- end box/float -->
>
> Anyone know why this might be the case?
>
> Puzzled,
>
______________________________________________________________________
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/
