[WSG] lining up in different browsers
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=rightweb 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 ***
Re: [WSG] lining up in different browsers
Hi, Can you try by this, div id=footer span class=lefta href=core/core.html main menu /a/span span class=rightweb site Copyright (c) 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=rightweb site Copyright (c) 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 ***
Re: [WSG] lining up in different browsers
Isn't copyRgt based on layout as well?? Also to be more semantic - copyRight would be better if you were to name that way. Ricci Angela wrote: Hi, Designer Just a thought: why don't you give names like mainMenu and copyRgt (semantic) to your classes instead of names based on layout? Angela ¤¤ Angela RICCI web designer *De :* li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] *De la part de* hariharan k *Envoyé :* jeudi 22 janvier 2009 15:12 *À :* wsg@webstandardsgroup.org *Objet :* Re: [WSG] lining up in different browsers Hi, Can you try by this, div id=footer span class=lefta href=core/core.html main menu /a/span span class=rightweb 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 mailto: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=rightweb 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 mailto: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 *** Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité du groupe Atos Origin ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis. This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos Origin group liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines:
RE: [WSG] lining up in different browsers
Hi, Designer Just a thought: why don't you give names like mainMenu and copyRgt (semantic) to your classes instead of names based on layout? Angela ¤¤ Angela RICCI web designer De : li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] De la part de hariharan k Envoyé : jeudi 22 janvier 2009 15:12 À : wsg@webstandardsgroup.org Objet : Re: [WSG] lining up in different browsers Hi, Can you try by this, div id=footer span class=lefta href=core/core.html main menu /a/span span class=rightweb 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.ukmailto: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=rightweb 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.orgmailto: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 *** Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité du groupe Atos Origin ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis. This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos Origin group liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] lining up in different browsers
Indeed... :-) I'm always inclined to make style names short Cheers! -Message d'origine- De : li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] De la part de Adam Martin Envoyé : jeudi 22 janvier 2009 15:39 À : wsg@webstandardsgroup.org Objet : Re: [WSG] lining up in different browsers Isn't copyRgt based on layout as well?? Also to be more semantic - copyRight would be better if you were to name that way. Ricci Angela wrote: Hi, Designer Just a thought: why don't you give names like mainMenu and copyRgt (semantic) to your classes instead of names based on layout? Angela ¤¤ Angela RICCI web designer *De :* li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] *De la part de* hariharan k *Envoyé :* jeudi 22 janvier 2009 15:12 *À :* wsg@webstandardsgroup.org *Objet :* Re: [WSG] lining up in different browsers Hi, Can you try by this, div id=footer span class=lefta href=core/core.html main menu /a/span span class=rightweb 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 mailto: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=rightweb 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 mailto: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 *** Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité du groupe Atos Origin ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis. This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos Origin group liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted. ***
Re: [WSG] lining up in different browsers
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=lefta href=core/core.html main menu /a/span span class=rightweb 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=rightweb 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 ***
Re: [WSG] lining up in different browsers
I'll think about it :-) Bob - Original Message - From: Ricci Angela To: wsg@webstandardsgroup.org Sent: Thursday, January 22, 2009 2:20 PM Subject: RE: [WSG] lining up in different browsers Hi, Designer Just a thought: why don't you give names like mainMenu and copyRgt (semantic) to your classes instead of names based on layout? Angela ¤¤ Angela RICCI web designer De : li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] De la part de hariharan k Envoyé : jeudi 22 janvier 2009 15:12 À : wsg@webstandardsgroup.org Objet : Re: [WSG] lining up in different browsers Hi, Can you try by this, div id=footer span class=lefta href=core/core.html main menu /a/span span class=rightweb 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=rightweb 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 *** -- Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité du groupe Atos Origin ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis. This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos Origin group liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***