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, main menu web site Copyright © http://www.gwelanmor-internet.co.uk"; class="newwin" target="_blank" title="opens in new window"> Gwelanmor Internet 2009 #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;} By, Hariharan On Thu, Jan 22, 2009 at 7:07 PM, designer wrote: I want to line up two links at either side of a horizontal bar. The html is as follows: main menu web site Copyright © http://www.gwelanmor-internet.co.uk"; class="newwin" target="_blank" title="opens in new window"> Gwelanmor Internet 2009 (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 *** ***
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, main menu web site Copyright © http://www.gwelanmor-internet.co.uk"; class="newwin" target="_blank" title="opens in new window"> Gwelanmor Internet 2009 #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;} By, Hariharan On Thu, Jan 22, 2009 at 7:07 PM, designer wrote: I want to line up two links at either side of a horizontal bar. The html is as follows: main menu web site Copyright © http://www.gwelanmor-internet.co.uk"; class="newwin" target="_blank" title="opens in new window"> Gwelanmor Internet 2009 (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
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, > > > > main menu > > web site Copyright © > http://www.gwelanmor-internet.co.uk"; class="newwin" > target="_blank" title="opens in new window"> > Gwelanmor Internet 2009 > > > > > > > #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;} > > > > By, > Hariharan > > On Thu, Jan 22, 2009 at 7:07 PM, designer > <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: > > > > > > main menu > > web site Copyright © > http://www.gwelanmor-internet.co.uk"; class="newwin" > target="_blank" title="opens in new window"> > Gwelanmor Internet 2009 > > > > > (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
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, main menu web site Copyright © http://www.gwelanmor-internet.co.uk"; class="newwin" target="_blank" title="opens in new window"> Gwelanmor Internet 2009 #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;} By, Hariharan On Thu, Jan 22, 2009 at 7:07 PM, designer 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: main menu web site Copyright © http://www.gwelanmor-internet.co.uk"; class="newwin" target="_blank" title="opens in new window"> Gwelanmor Internet 2009 (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 ***
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, main menu web site Copyright © http://www.gwelanmor-internet.co.uk"; class="newwin" target="_blank" title="opens in new window"> Gwelanmor Internet 2009 </pre><tt> </tt><tt>#footer { </tt><pre style="margin: 0em;"> 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;} </pre><tt> </tt><tt>#footer a:hover { color : #F00; background : #fff; text-decoration </tt><tt>: underline;} </tt><pre style="margin: 0em;"> By, Hariharan On Thu, Jan 22, 2009 at 7:07 PM, designer <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: main menu web site Copyright © http://www.gwelanmor-internet.co.uk"; class="newwin" target="_blank" title="opens in new window"> Gwelanmor Internet 2009 (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/unsubscri
Re: [WSG] lining up in different browsers
Hi, Can you try by this, main menu web site Copyright (c) http://www.gwelanmor-internet.co.uk"; class="newwin" target="_blank" title="opens in new window"> Gwelanmor Internet 2009 #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;} By, Hariharan On Thu, Jan 22, 2009 at 7:07 PM, designer wrote: > I want to line up two links at either side of a horizontal bar. The > html is as follows: > > > > > main menu > > web site Copyright (c) > http://www.gwelanmor-internet.co.uk"; class="newwin" > target="_blank" title="opens in new window"> > Gwelanmor Internet 2009 > > > > > (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 ***
[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: main menu web site Copyright © http://www.gwelanmor-internet.co.uk"; class="newwin" target="_blank" title="opens in new window"> Gwelanmor Internet 2009 (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 ***