[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
***
