Re: [WSG] I am having a problem...
Chris Stratford wrote: is it not true that all tags, eg: span li ul all are the same thing, if you remove all the browser defaults?? >From the standpoint of presentation alone. However, some have a function (i.e., a and form), some have nesting limitations from the dtd (an a cannot contain another a, a p cannot contain an ol), and all have a semantical meaning assigned which can be stretched and bent, but not changed, lest your markup becomes just a collection of meaningless containers. It's worth noting that this is what allows XHTML to be a form of XML Mordechai * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
Re: [WSG] I am having a problem... Tab (li) width
Chris,
I can't help directly, but just in case you haven't tried this yet ...
You can alter the styles for the current page throughout your site by
assigning each page body and each li in your navigation list a
unique id, then setting up some descendant selector rules, eg.
HTML:
body id=contact
...
div id=navigation
ul
...
lia id=contactTab href=contact.phpContact/a/li
/ul
...
CSS:
body#home a#homeTab,
...
body#contact a#contactTab { ... }
As a side benefit, you can then include the navigation div into each
page with php and keep your code in the one place, rather than having
several similar but slightly different versions throughout your site.
I can't play around with the browser that's giving you problems because
I'm on a different platform, but if buggy behaviour is involved it
might help to try a different approach.
Cheers,
Mike
On Thursday, April 22, 2004, at 01:23 PM, Chris Stratford wrote:
Hey Peter,
No it didnt work...
I added the code like you said.
But its not the problem.
it only happens with the 5th tab...
even if there are 7 tabs, only the 5th tab is effected...
no matter what content is written in that tab..
its really eating at my sanity.
but yeah.
RE: tab width...
I have styled the a tag to be the tab, not the li
so when i hover it changes appearance...
would making the LI a fixed witdth work?
And also - the LI is display: inline, and I have never seen widths set
to inline elements before...
some things i just dont get!
Chris Stratford
[EMAIL PROTECTED]
Http://www.neester.com
Peter Firminger wrote:
Did my suggestion last night help?
Hey everyone...
this problem is still a problem for me...
anyone have any suggestions??
basically - I want to define the width of the tabs on my website...
withouth havint to add a span...
Try something like this locally if you want to have different values
for
each:
li style=width: 80px;a
href=/something/index.htmSomething/a/li
li style=width: 90px;a
href=/something/index.htmSomething/a/li
li style=width: 1000px;a
href=/something/index.htmSomething/a/li
P
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
.
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
[WSG] I am having a problem...
Ok my CSS Tabs are GREAT... Thanks for all the help you have given me (everyone!) one problem... www.neester.com/contact.php navigate around... then goto CONTACT... the bug happens ONLY in IE 5.5 and IE6 most other browsers it works fine... the line below the tab CONTACT remains there... until you hover over it again... Its not the fact that its the last tab... because I have added more tabs... I have changed the wording everything! eg. changed CONTACT - to Talk To Me Anything I do wont fix it... Its veryyy frustrating. Please help me before I go bald -- Chris Stratford [EMAIL PROTECTED] Http://www.neester.com * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
RE: [WSG] I am having a problem...
Hi Chris,
I believe you may need to address all states of the a selector: link,
visited and active as well as hover (which you do separately):
#navigation a.current:link, #navigation a.current:visited, #navigation
a.current:active,
{
background-color: #FFF;
border-bottom: 1px solid #FFF;
font-weight: bold;
}
#navigation a.current:hover
{
background-color: #FFF;
text-decoration: underline;
border-bottom: 1px solid #FFF;
}
I haven't tested it here but it is something I commonly come across in IE.
Worth a try...
A more descriptive subject line please Chris...
P
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] I am having a problem... (Out of office)
Sorry, I'm away Thurs AM for study.
I will read your email when I return.
Many thanks,
Leon Wild.
[EMAIL PROTECTED] 04/21/04 23:42
Hi Chris,
I believe you may need to address all states of the a selector: link,
visited and active as well as hover (which you do separately):
#navigation a.current:link, #navigation a.current:visited, #navigation
a.current:active,
{
background-color: #FFF;
border-bottom: 1px solid #FFF;
font-weight: bold;
}
#navigation a.current:hover
{
background-color: #FFF;
text-decoration: underline;
border-bottom: 1px solid #FFF;
}
I haven't tested it here but it is something I commonly come across in
IE.
Worth a try...
A more descriptive subject line please Chris...
P
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] I am having a problem...
Hey everyone... this problem is still a problem for me... anyone have any suggestions?? and a question. is it not true that all tags, eg: span li ul all are the same thing, if you remove all the browser defaults?? i think someone told me that before, when I was discussing why they use lists for navigation. anyway. what attribute allows you to define a width of a span... I always want to define the width of a a element... But I dont want to make it a BLOCK element, as i want it inline with other menu items... basically - I want to define the width of the tabs on my website... withouth havint to add a span... Chris Stratford [EMAIL PROTECTED] Http://www.neester.com Chris Stratford wrote: Ok my CSS Tabs are GREAT... Thanks for all the help you have given me (everyone!) one problem... www.neester.com/contact.php navigate around... then goto CONTACT... the bug happens ONLY in IE 5.5 and IE6 most other browsers it works fine... the line below the tab CONTACT remains there... until you hover over it again... Its not the fact that its the last tab... because I have added more tabs... I have changed the wording everything! eg. changed CONTACT - to Talk To Me Anything I do wont fix it... Its veryyy frustrating. Please help me before I go bald -- Chris Stratford [EMAIL PROTECTED] Http://www.neester.com * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
RE: [WSG] I am having a problem... Tab (li) width
Did my suggestion last night help? Hey everyone... this problem is still a problem for me... anyone have any suggestions?? basically - I want to define the width of the tabs on my website... withouth havint to add a span... Try something like this locally if you want to have different values for each: li style=width: 80px;a href=/something/index.htmSomething/a/li li style=width: 90px;a href=/something/index.htmSomething/a/li li style=width: 1000px;a href=/something/index.htmSomething/a/li P * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] I am having a problem... Tab (li) width
Hey Peter, No it didnt work... I added the code like you said. But its not the problem. it only happens with the 5th tab... even if there are 7 tabs, only the 5th tab is effected... no matter what content is written in that tab.. its really eating at my sanity. but yeah. RE: tab width... I have styled the a tag to be the tab, not the li so when i hover it changes appearance... would making the LI a fixed witdth work? And also - the LI is display: inline, and I have never seen widths set to inline elements before... some things i just dont get! Chris Stratford [EMAIL PROTECTED] Http://www.neester.com Peter Firminger wrote: Did my suggestion last night help? Hey everyone... this problem is still a problem for me... anyone have any suggestions?? basically - I want to define the width of the tabs on my website... withouth havint to add a span... Try something like this locally if you want to have different values for each: li style="width: 80px;"a href=""Something/a/li li style="width: 90px;"a href=""Something/a/li li style="width: 1000px;"a href=""Something/a/li P * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * . * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
RE: [WSG] I am having a problem... Tab (li) width
Hi Chris, The big difference between the pages seems to be the inclusion of the contact form. Try changing the id of your form element for some reason that seems to work although I dont know why! Cheers James -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris Stratford Sent: Thursday, 22 April 2004 1:24 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] I am having a problem... Tab (li) width Hey Peter, No it didnt work... I added the code like you said. But its not the problem. it only happens with the 5th tab... even if there are 7 tabs, only the 5th tab is effected... no matter what content is written in that tab.. its really eating at my sanity. but yeah. RE: tab width... I have styled the a tag to be the tab, not the li so when i hover it changes appearance... would making the LI a fixed witdth work? And also - the LI is display: inline, and I have never seen widths set to inline elements before... some things i just dont get! Chris Stratford[EMAIL PROTECTED]Http://www.neester.com Peter Firminger wrote: Did my suggestion last night help? Hey everyone... this problem is still a problem for me... anyone have any suggestions?? basically - I want to define the width of the tabs on my website... withouth havint to add a span...Try something like this locally if you want to have different values foreach:li style=width: 80px;a href="">li style=width: 90px;a href="">li style=width: 1000px;a href="">P*The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help* . * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
