Re: [css-d] apply float:left and links stop working

2009-12-02 Thread Scott Brasted
Mauricio (Maujor) Samy Silva wrote:
> Add:
>  
> div.footer {
>   clear:both;
> ...
> }
>  
> This will push the footer underneath the two floated divs.
> Actually the footer is underneath div.box_clear masking the two divs bellow
> and making the links unclicable.
>  
> Regards
> Maurício 
> 
> -Mensagem Original-
> *De:* Scott Brasted 
> *Para:* css-d@lists.css-discuss.org
> 
> *Enviada em:* quarta-feira, 2 de dezembro de 2009 17:03
> *Assunto:* [css-d] apply float:left and links stop working
>
> 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.
> 
My thanks to Maurico, Bill, Theresa and Fizz. The clear:both worked a 
charm. Your ideas forced to look at some css I haven't looked at in a 
while. Found some mistakes and streamlined some. Thanks for the help. 
All works fine now.

Best,
-- 
Scott Brasted
Brasted House Creative Ideas
sc...@brastedhouse.com


__
css-discuss [cs...@lists.css-discuss.org]
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/


Re: [css-d] apply float:left and links stop working

2009-12-02 Thread Mauricio (Maujor) Samy Silva
Add:

div.footer {
  clear:both;
...
}

This will push the footer underneath the two floated divs.
Actually the footer is underneath div.box_clear masking the two divs bellow
and making the links unclicable.

Regards
Maurício 
  -Mensagem Original- 
  De: Scott Brasted 
  Para: css-d@lists.css-discuss.org 
  Enviada em: quarta-feira, 2 de dezembro de 2009 17:03
  Assunto: [css-d] apply float:left and links stop working


  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.
  
__
css-discuss [cs...@lists.css-discuss.org]
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/


Re: [css-d] apply float:left and links stop working

2009-12-02 Thread Bill Braun
I'm not certain, but try this. Your HTML code refers to . 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: #00;
border-color: #00;
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: #00;
>   border-color: #00;
>   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:
> 
>   
>   TO OUR VISITORS
>   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.
>
>   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.
>
>   Please join us in Bailey Hall immediately following 
> the service 
> for food, fellowship and fun.
>
>  
>
> 
>   
>   HOMEBOUND OR JUST UNABLE TO ATTEND SERVICE?
>   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  ref="../weekly_services/service.php" title="Read This Week's Bulletin"> 
> read this week's service bulletin here 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
> mailto:ad...@stpeterswestfield.org"; title="E-Mail your Request 
> to the Church Office"> church office know and the office will 
> schedule a clergy visit and bring communion if you desire.
>
>  
>
> Anyone know why this might be the case?
>
> Puzzled,
>   


__
css-discuss [cs...@lists.css-discuss.org]
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/