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
*
Re: [WSG] CSS Tables
The only advantage I can tell is that it just doesn't use any table or td or tr tags, which I have an irrational hatred towards. I've done what you suggested, but the problem is that I can't make the header have the same width as the table. I've tried using a containing box, but then the header stretches unnaturally off to the right past the table, I'm not sure why. ... Well, I'll say the same - it is tabular data add table is most apropriate here, hate you it or not. When you do design in CSS always remember to check unstyled markup - how does it show in devices not supporting CSS - page structure still has to make sense. Made using table it makes much more sense unstyled than your current version. Regards, Rimantas * 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] advice re min-height
I'm not sure if my understanding of min-height is correct. What I want to do is set a min-height on a div and then when there is too much info it will automatically expand itself. Apparently, I need to use height as well for M$ browsers but what I don't quite understand is how do the other browsers properly interpret that when you have both a height and a min-height...? Wouldn't it possibly be easier to just use height and then overflow:visible to achieve the same effect? I can test around with this but I'm curious if there is a best-practice for this kind of thing... Thanks for any thoughts...v * 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] theage.com.au: new design
Peter Ottery has agreed to be guest presenter at our next Sydney WSG meeting. He will be talking about the Age (and another soon-to-be launched site). He will go through the how he achieved full CSS as well as describing some of the layout decisions he made. Should be great stuff. http://webstandardsgroup.org/go/event10.cfm Of course, notes will be put online for all non-Sydney members! Also, Sydney people should note we have decided to change our meetings from every 6 weeks to every 8 weeks. Not a big deal, but gives Peter and I a bit of breathing space between meetings. :) Russ Peter, Well done on the Age website! There's a lot of buzz from people here in Melbourne about it, and it has been received very well. * 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] Stuff and Nonsense are hiring
Comrades With our work load increasing, Stuff and Nonsense are looking to hire a further creative designer. We are looking to hire someone at the top of the tree, to work at our studios in North Wales. We want someone who can demonstrate excellent design skills and we value creative excellence and an eye for detail. The ability to create stunning, web-standards based designs and write solid XHTML and CSS are top of our 'wish list'. Interested? Please email Malarkey off-list at [EMAIL PROTECTED] with your contact information and a link to your portfolio. We look forward to hearing from you. Malarkey http://www.malarkey.co.uk * 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] advice re min-height
G'day Min-height and max-height are used for constraining an element. If an object in the element is smaller than min-height, then the element's height will be min-height. On the other hand, if the object is bigger than the element, the max-height will determine the element's height. That's what should happen, where the browsers actually do this is another story. My understand is that 'min-height' isn't really supported by most browsers. Or only partially supported. I could be wrong because I haven't checked this on one of those browser compatibility charts, but I've never been able to get IE to work with it. Personally I steer clear of it for the time being. Darian Cabot -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Cabot Consultants Pty Ltd Software Engineer / Website Design http://www.cabotconsultants.com.au -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- I'm not sure if my understanding of min-height is correct. What I want to do is set a min-height on a div and then when there is too much info it will automatically expand itself. Apparently, I need to use height as well for M$ browsers but what I don't quite understand is how do the other browsers properly interpret that when you have both a height and a min-height...? Wouldn't it possibly be easier to just use height and then overflow:visible to achieve the same effect? I can test around with this but I'm curious if there is a best-practice for this kind of thing... Thanks for any thoughts...v * 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] Out of Office AutoReply: digest for wsg@webstandardsgroup.org
Thanks for your email. I will be out of the office until Tuesday 27 April.Regards, Kylie Parker Web Manager NSW Department of Community Services ** This message is intended for the named addressee(s) only. It may be confidential. If you receive this message in error please notify us immediately by return mail and delete the message (and any attachments). Neither the NSW Department of Community Services nor the NSW Department of Ageing, Disability Home Care are responsible for any changes to this message, or the consequences of any changes to this message. ** * 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] advice re min-height
Assigning a height and overflow:visible will cause the contents to overlap
the bottom edge of the containing element, not a good look.
IE treats height as min-height anyway, stretching a parent element to fit
its children.
The workaround for this is to take advantage of one of IE's many bugs to
send a height to it specifically, and provide min-height to everything else.
Here's an example
* html body #container {height:20em;} /*--Only IE pretends that there is
another element outside html, all other browsers know better. */
#container {min-height:20em;}
Too easy :D
Andrew Krespanis.
_
Protect your inbox from harmful viruses with new ninemsn Premium. Go to
http://ninemsn.com.au/premium/landing.asp?banner=emailtagreferrer=hotmail
*
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] Out of Office AutoReply: digest for wsg@webstandardsgroup.org
I will be out of the office on Friday, 4-23-04 and Monday, 4-26-04. If you need assistance please contact another Business Career Services team member at 217.333.2840. Thank you, Lezli Cline * 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] 100% table inside auto width div
hi all, virgin poster here, and tfif.
i'm stuck on a css layout with left, center and right columns. left and
right columns have fixed width, and the center column fills the gap in
between. how do i make a table in the center column the full width
(using css or otherwise)? works as expected in firefox, but having
troubles with internet explorer. any help greatly appreciated. example
code below;
html
head
titletest/title
style type=text/css
#left { width: 100px; float: left; border: 1px solid red; }
#right { width: 100px; float: right; border: 1px solid red; }
#middle { width: auto; margin: 10px 110px; padding: 10px; border: 1px
solid red; }
table#a { width: 100%; border: 1px solid green; }
table#b { width: auto; margin-left: 0; margin-right: 0; border: 1px
solid blue; }
/style
/head
body
div id=leftleft/div
div id=rightright/div
div id=middle
table id=atrtd100% table/td/tr/table
br /
table id=btrtdauto width table/td/tr/table
/div
/body
/html
*
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] Alt text for background images
Hello, I got the rollover image effect working - thanks for the help there guys! - it still needs refinement in tying in with and or replacing parts of the hardcoded calls in the overall code but I know I am on the right track at least! And even better (heh heh) is I have reduced the nuber of http requests and not resorted to Java ;-) However, I have another question relating in part to this as well as other multiple uses of background: url() on the site. In the case of images turned off in the users browser, how can one get a textual replacement for the missing image? As it is an embedded CSS background image, there is no ALT tag to fall back on :-/ I am using the title tag in the a tag, but that only provides a reference if the users hovers over the image. Hmm. Brian * 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] 100% table inside auto width div
dean burge wrote: how do i make a table in the center column the full width (using css or otherwise)? works as expected in firefox, but having troubles with internet explorer. Hi Dean, Try adding a doctype at the top of your html, and IE will start to play along. This article has a list of doctypes and explanations http://www.alistapart.com/articles/doctype/ Regards Jason Turnbull * 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] Alt text for background images
On Thu, 22 Apr 2004 20:57:05 -0700, theGrafixGuy wrote: In the case of images turned off in the users browser, how can one get a textual replacement for the missing image? As it is an embedded CSS background image, there is no ALT tag to fall back on :-/ The theory is that you have put it in the css because it is not Content, it is Presentation, thus they do not need to know about it if they cannot view images. Its fluff, bubbles :) (Our hardworked piccies. Fluff! Bubbles! Bah! g) If they need to be able to see alt text, then it should be in the Content. warmly, Lea -- Lea de Groot Elysian Systems - http://elysiansystems.com/ Brisbane, Australia * 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] IE no padding?
Hey WSG... This STUPID bug with IE... why dont I see any padding for the content here: www.vipclubs.net i have padding on the content... 10px! not showing at all... any hacks/fixes? IE is really starting to *#$! me hard! If IE were a man, I would shoot him twice in the leg... -- 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] IE no padding?
Ok sorry guys. scrap that... I just changed my method... Chris Stratford [EMAIL PROTECTED] Http://www.neester.com Chris Stratford wrote: Hey WSG... This STUPID bug with IE... why dont I see any padding for the content here: www.vipclubs.net i have padding on the content... 10px! not showing at all... any hacks/fixes? IE is really starting to *#$! me hard! If IE were a man, I would shoot him twice in the leg... -- 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] IE no padding?
Chris Stratford wrote: This STUPID bug with IE... why dont I see any padding for the content here: www.vipclubs.net It looks the same here on IE5.5/6 and Firefox/Mozilla It appears to have padding to the content The xml prolog ?xml version=1.0 encoding=iso-8859-1? will put IE in quirks mode and can be removed safely Regards, Jason * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
