----- Original Message ----- 
From: "Del Wegener" <[EMAIL PROTECTED]>
To: "css" <[email protected]>
Sent: Saturday, June 28, 2008 1:27 PM
Subject: [css-d] Centering a Header


> Good Afternoon;
> Please take a look at
> http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm
> Colors are to help identify divs
> The header is positioned the way I want it.  However, the only way I can
> accomplish the centering of DrDelMath is to place the exact same pair of
> radio buttons on the right and left and set visibility to hidden for the
> ones on the right.
> I want the radio buttons on the left to be on the same line as DrDelMath.
>
> How can I position the radio buttons on the left on the same line as
> DrDelMath while centering DrDelMath without hiding another set of radio
> buttons ?
>
> Thanks.
>
> Del
>
>

Del:

Briefly, I tried ...

.header{background:#ccff22;padding:.3em;clear:both; text-align: center; /* 
add this alignment declaration here */}
.switcher_left {float:left;background: #3333ff;}
.switcher_right {float:right;visibility: hidden}    /* delete */
.page_title {background:#ccddff;clear:left;}

body
 {
  margin-left: 10%;
  margin-right:5%;
  font-family: Verdana, Arial, Helvetica, sans-serif;     /* delete */
  font-size: 14px;     /* delete */
  font-weight:normal;     /* delete */
  line-height: 130%;     /* delete */
  font: 100%/1.3 verdana, arial, helvetica, sans-serif;     /* add */
  color: #000000;
  text-align:left;
 }

H1,H2
 {
  padding-top: 0em;
  padding-bottom: 0em;
  margin-top: 0em;     /* delete */
  margin-bottom: .3em;     /* delete */
  font-family: Verdana, Arial, Helvetica, sans-serif;      /* delete */
  margin: 0 auto .3em auto;     /* add */
  font-style: normal;
  font-weight: bold;     /* delete */
  font-variant: normal;
  font-weight: bold;
  line-height: 100%;
  color: #0000FF;
  text-align:center;     /* delete */
 }

H1
 {width: 20%;     /* add */ /* something less than 100% minus the width of 
the radio buttons */
  font-size: 200%;     /* change to*/
 }

H2
 {
  font-size: 150%;     /* change to */
 }

Try this while removing the right radio buttons. Couple of validation errors 
as wll, probably not connected.

Best.

Peter
www.fatpawdesign.com
In God we trust, all else bring data... 

______________________________________________________________________
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