Re: [WSG] lining up in different browsers

[designer]

Brilliant!  That works a treat!
Why is it always the screamingly obvious things one tends to miss? :-(

Thank you.

Bob

  ----- Original Message ----- 
  From: hariharan k 
  To: wsg@webstandardsgroup.org 
  Sent: Thursday, January 22, 2009 2:12 PM
  Subject: Re: [WSG] lining up in different browsers


  Hi, 

  Can you try by this,

  <div  id="footer">
      <span class="left"><a href="core/core.html">
      main menu
      </a></span>
      <span class="right">web site Copyright ©
      <a href="http://www.gwelanmor-internet.co.uk"; class="newwin" 
target="_blank" title="opens in new window">
      Gwelanmor Internet 2009
      </a>
      </span>
    </div>

  <style>
          
      #footer {
       border-top :  1px solid #aaa;
       font-size : 90%;
       height : 30px;
       padding : 5px 0px;
      }

       .right { float:right}
  .left { float:left}
  #footer span{}
      #footer a:link { color : #930; text-decoration : none;}
       
      #footer a:hover { color : #F00; background : #fff; text-decoration : 
underline;}
      </style>


  By,
  Hariharan


  On Thu, Jan 22, 2009 at 7:07 PM, designer <desig...@gwelanmor-internet.co.uk> 
wrote:

    I want to line up two links at either side of a horizontal bar.   The html 
is as follows:

      <div  id="footer">
          <a href="core/core.html">
          main menu
          </a>
          <span class="right">web site Copyright ©
          <a href="http://www.gwelanmor-internet.co.uk"; class="newwin" 
target="_blank" title="opens in new window">
          Gwelanmor Internet 2009
          </a>
          </span>
        </div>
    (class="right" just floats it to the right, of course)

    and the css is:

      #footer {
       border-top :  1px solid #aaa;
       font-size : 90%;
       height : 30px;
       padding : 5px 0px;
      }

      #footer a:link { color : #930; text-decoration : none;}

      #footer a:hover { color : #F00; background : #fff; text-decoration : 
underline;}

    with an IE6 conditional comment:


      #footer span{position : relative; top : -15px;}


    However, whilst it solves the problem of alignment for IE, safari and Opera 
fail miserably.  I cannot find a documented method of doing this, but I'm sure 
one of you wizards have done it already?

    Any help gratefully recd, as usual.

    Bob



    *******************************************************************
    List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
    Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
    Help: memberh...@webstandardsgroup.org
    ******************************************************************* 



  -- 
  Hariharan. K
  Web Designer


  *******************************************************************
  List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
  Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
  Help: memberh...@webstandardsgroup.org
  ******************************************************************* 

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************