Re: [css-d] defining span?
Jim, on Thursday, January 19, 2006 at 05:02 Roger Roelofs wrote: Jim, On Jan 18, 2006, at 7:32 PM, Jim Ryan wrote: (Applying that .lw1 class to all list items was The Drupal CMS' decision, not mine) #anothernav li.expanded a span.lw1 Besides the hint Roger gave you, it is worth to take a look at the drupal.css to see, how it defines the styles. You could also override the navigation building behaviour of drupal, if you want to get rid of the span. But probably it would be faster and easier to learn something about specificity of selectors: http://www.w3.org/TR/CSS21/cascade.html#specificity regards Martin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] How do I restrict a display:table element in height?
.fix { display:table; background: red; } div class=fix divlorem/div divipsum/div /div Let's say I need a height of 1em and overflow:hidden/auto (and an additional wrapper is not an option). But 'height' is treated as a minimum height in the table model, and 'table-layout' controls the horizontal layout only. So it's not possible? Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] defining span?
Jim Ryan wrote: Hi, On the page http://ixlr8.org/newacting [...] [...] the .lw1 span overrides any definition I give to .expanded. Not only that, but because the .lw1 span is applied to all LI's, any redefinition of it affects every other righnav LI as well. This I don't want. [...] whatever may be the right way of expressing this item's place in the style cascade, I haven't hit on it. Any suggestions? Thanks! Jim Hi Jim, The css-cascade in the essential part you want to influence is: = = = = = ul li class=collapseda href=link1span class=lw1Dance/span/a/li li class=leafa href=link2span class=lw1Drama/span/a/li li class=leafa href=link3span class=lw1Music/span/a/li li class=expandeda href=link4span class=lw1Special Cultural Programs/span/a ul li class=leafa href=link5span class=lw1Alvin Ailey Camp/span/a/li li class=leafa href=link6span class=lw1Children#039;s Aid Chorus/span/a/li li class=leafa href=link7 class=activespan class=lw1The New Acting Company/span/a/li /ul /li li class=collapseda href=link8span class=lw1Visual Arts/span/a/li /ul = = = = = So written, it will be easy to see: If the class=collected, and the span class=lw1, then then right style is ... If the class=expanded, and the span class=lw1, then then right style is ... If the class=expanded, and the span class=lw1, but you are in the subitems with class=leaf, then then right style is ... [...] Therefore: .collapsed .lw1 {border: 1px solid red;} .expanded .lw1 {border: 1px solid green;} .expanded .leaf .lw1 {border: 1px solid yellow;} [...] might be helpfull. Quick see what happens? Use the Chris Pederick's Firefox Developers Extention, go to the css-button and hit Edit css. Then just add these 3 lines. With this instant cooking you can tackle lots of problems in less time then needed for writing down this! ;-) francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Content problem in IE
Iorhael wrote: Last night I changed all my font sizes for my various sites to percentages. However, in one site the content is now shifting downward in IE. I had posted this same problem the other week with another site but was able to fix it by shortening the content width. However, I have tried that here but to no avail so I'm thinking it must be something else causing the problem. I made the font size quite a bit bigger but I wouldn't think that would make a difference if I keep the content width the same. I have tried using both pixels and ems for the content. I have tried shortening the width for the menu too. http://www.northwesternesse.com/microdor/journey.htm Hi Iorhael, I never saw an answer posted to this thread, but checking your pagei n IE 6, the problem appears to be fixed. If this is correct, do you mind posting your solution to the list so that others searching the archives can benefit from it in the future? If it's not fixed, can you explain what the problem is you are seeing and what specific browsers you are seeing it in? Thanks, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] massive css problem
I recently consolidated a 30KB CSS file form over 1300 lines of code to just under eight hundred. I was doing it on autopilot and without XHTML from the gimps in the programming office to check it on - predictably, something has gone wrong. Is there any quick and easy way for me to compare the stylesheets and see what style information has changed? The structure of the document has changed entirely so I can't do a quick and dirty VBScript unfortunately. Thanks for any help. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] having positioning problems in IE
Ty Huffman wrote: Here is a link to my css: http://www.sketchiness.org/somc.css Going here: http://www.sketchiness.orgusing Safari looks fine, but IE no way. I have beat my head against the wall to figure out the solution but think that now all I'm doing is changing things around, eventually making more of a mess. Can you help? I have tried things, but now I see that the containers are not working properly. While it looks fine in Safari it is not working correctly either way. Ty, I never saw any replies posted to this thread. Are you still having the problem? If so, can you be more specific about what the problem is? I checked on FF 1.5 and IE 6 and they both looked the same, but I don't know if they both looked identically wrong. :-) Were you referring to MacIE, not WinIE? If so, I can't help you, but if you report with MacIE or IE/Mac or whatnot in the subject line, one of our brilliant Mac debuggers will likely read your thread and try to help you. Either way, before reposting, you may want to consider validating your CSS and HTML and fixing the errors found. Probably won't make a difference in your case, but it's always a good first step. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Image map effect on a background image (followup)
Gary, On Jan 19, 2006, at 7:48 AM, Gary Czychi wrote: Hi there, I'd like to have an image map on a background image ... However, I can't seem to make this work. Can someone please help me? 1. when I remove the comments from the .bgstars a line, all carefully positioned links within the inner table are forced to the left, destroying the table completely 2. I can neither see or position the link areas lkhome, link2 or link3 .bgstars a { /* display: block; float: left; border: 1px dashed red; /* debug display */ } Is there any way for you to put up a test page? It is much easier for us to debug a live page. (Firefox's WebDeveloper extension is a must have for this kind of thing) Usually with this kind of page you need to absolutely position the a elements rather than floating them. P.S.: This is my first post to this group so please tell me and forgive me when I made a mistake. Welcome to the list! By the way, thanks for using a very descriptive subject line. Roger, -- Roger Roelofs [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] staggering/vertical offset of floated a blocks in IE
I've run into this before. I think I've fixed it before, but I can't remember, and I apparently can't think of the right search terms to find out if anyone else has solved this problem. I can't post anything live, but here is the HTML and CSS I'm using. Basically, I have two floated block links, with backgrounds, and spans that are also display block (because of graphic requirements). I want to float them alongside each other at the same horizontal level. But, the second box is dropping down (in IE) the height of the default browser font (as in, if I change the font size up or down, the vertical offset changes slightly). Like this: -- --16px or whatever the default font size is ||-- --|| -- There's plenty of horizontal space for the floats. What's going on? HTML div id=nav ul li id=nav-productsa href=thumbnail.aspspanProducts/span/a/li li id=nav-activitiesa href=activities.aspspanActivities/span/a/li /ul /div CSS /*NAVIGATION*/ #nav { position: absolute; z-index: 5; top: 100px; /*was 0*/ left: -19px; margin-left: 50%; } #nav ul { list-style-type: none; } #nav a { text-indent: -px; } li#nav-products a, li#nav-activities a { display: block; float: left; background: url(/content/v4/us/imaginext/img/nav-buttons.gif) no-repeat; height: 105px; } li#nav-products a span, li#nav-activities a span { display: block; background: url(/content/v4/img/imaginext/nav-mask.gif) no-repeat; height: 60px; z-index: 20; position: relative; /*top: 16px;*/ cursor: pointer; /*for ie on the spans*/ } li#nav-products a { background-position: bottom left; width: 135px; position: relative; /*top: -16px;*/ } li#nav-activities a { background-position: bottom right; width: 136px; position: relative; /*top: -16px;*/ } li#nav-products a span { width: 135px; background-position: top left; } li#nav-activities a span { width: 136px; background-position: top right; } li#nav-products a:hover, li#nav-activities a:hover { top: 0; } li#nav-products a:hover span, li#nav-activities a:hover span { top: 0; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Vertically centering (again!) text and image relative to each (not just within container)
Hey, I'm after a simple way to get the equivalent of table height=200px tr td valign=centertext thats 10px height/td td valign=centerimg src=graphics/image_20px_high.png //td /tr /table I'm aware that I can use the line-height CSS property center the line object in the container, as so: div style=height: 200px; font-size: 10px; line-height: 200px text thats 10px height img src=graphics/image_20px_high.png / /div And that will successfully vertically align both the txt and image within the DIV. However what it doesn't do is vertically align each, individually. So the text and the image share the same baseline meaning the large image pops up above the text (rather than the text appearing as if it were on a horizontal line through the middle of the image). How can I achieve this behavior? Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help: Table disappears under DIV
site url: http://posting.sba.udayton.edu/rise/academic.asp css url: http://posting.sba.udayton.edu/rise/style.css In IE, the schedule (a table) disappears under the footer DIV. Note to FF users: This page may not display correctly for you - I'm working on it : ) Any help is appreciated! -Joe __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] massive css problem
Joe Otten [EMAIL PROTECTED] on Thursday, January 19, 2006 at 10:42 AM -0600 wrote: WinMerge has saved me hours of time in regards to comparing scripts [ http://winmerge.sourceforge.net/ ]http://winmerge.sourceforge.net/ Good Luck Yep. The product I use is called BBEdit and runs on the Mac. It has an automated DIFFERENCE (i.e. DIFF) function which displays each file in a separate window and shows the lines which differ. Clicking on that line in the difference window takes you to that line for edit purposes. Very handy and a lifesaver. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] massive css problem
Eric, et al On Jan 19, 2006, at 11:49 AM, Eric Vann wrote: Yep. The product I use is called BBEdit and runs on the Mac. It has an automated DIFFERENCE (i.e. DIFF) function which displays each file in a separate window and shows the lines which differ. Clicking on that line in the difference window takes you to that line for edit purposes. Very handy and a lifesaver. I don't want to overly contribute to an 'editor' thread, but JEdit http://jedit.org/ is freely available for all platforms and comes with a nice diff tool. Roger, -- Roger Roelofs [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] help, IE can't position my tabs but can position my footer...
rebecca taylor wrote: i'm wondering if a seasoned css developer can tell me why my attempt to trick IE into showing my navigation tabs worked for IE, but unfortunately worked for FF Moz. as well? http://www.littlered.com/beta/ for the top navigation tabs, i tried to do an IE hack -- but the left position shows up in FF Mozilla as well. clearly i'm not understanding the problem correctly. does the 'hack' only work on width? No, but the voice-family hack only hides from IE 5.x. It doesn't hide from FF, Mozilla, or anything other than IE 5.x. If you want only IE to get the left value, this would work: * html #nav { left: 180px; } Be aware that this will also be seen by IE on the Mac, which I'm not sure whether you want. However, I think you have bigger problems going on here, and fixing these will keep you from needing to feed IE a separate value. Here are some steps to cleaning it up: 1. Add the olive green/brown background color to the body element. 2. Set the width of #frame to be whatever the width of the white area is, and set its background color to be white. 3. Assure that #frame stretches down to fill the browser window: http://www.sitepoint.com/forums/showpost.php?p=1243541postcount=8 4. Center #frame in the window using margin: 0 auto; http://css-discuss.incutio.com/?page=CenteringBlockElement 5. Float the logo left, and if you want it to be overlapping the border between the green and the white (which I think you do), give it a negative left margin to pull it out of its parent div by the appropriate amount. ...and that should get you started. As you go along, test in Firefox and get it working there first. Then, test in IE. It's much easier to hack IE to emulate correct behavior than it is to hack FF to emulate buggy, non-sensical behavior. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] massive css problem
Spike, et al On Jan 19, 2006, at 05:08 AM, Spike Spencer wrote: I recently consolidated a 30KB CSS file form over 1300 lines of code to just under eight hundred. With all this talk of text editors, I sure don't see how that is going to be much help at all. Spike needs some way to see the OUTPUT of his original CSS and his revised CSS so he can compare the final results. If he has gone from 1300 lines to 800 lines, there are massive changes that have taken place. I think his real question is: Is there a tool that will output the final specs for each class and ID so I can check to see where they are now different? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] massive css problem
If you have two documents that you want to compare, winmerge does an excellent job. It highlights the differences between the two documents and then you can choose what you want to copy back and forth between the two. I have used it extensively for programming and all sorts of other little projects. Plus, it's free ;) http://winmerge.sourceforge.net/ enjoy, MIke Spike Spencer wrote: I recently consolidated a 30KB CSS file form over 1300 lines of code to just under eight hundred. I was doing it on autopilot and without XHTML from the gimps in the programming office to check it on - predictably, something has gone wrong. Is there any quick and easy way for me to compare the stylesheets and see what style information has changed? The structure of the document has changed entirely so I can't do __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Floats Not Behaving in IE
Page: http://www.springfieldmogov.org/egov/planning_development/planTest2.html CSS with the float rules in question: http://www.springfieldmogov.org/css/plan.css Additional CSS Page: http://www.springfieldmogov.org/css/pw_oper.css Problem: Three floated divs at page bottom should be side by side, which they are in Firefox on Mac and Safari on Mac. But IE on PC puts the 3rd one onto a second line. Why? Thoughts? Help please :-) The page validates as HTML 4.01 Transitional and the CSS validates via W3C Chris __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What css will DreamWeaver display?
Hi Jeff, Does anyone know of a reference anywhere that lists the css that Macromedia's DreamWeaver supports in its internal rendering engine? I think this forum is limited to only discussing user agents and not author agents, so you should probably post questions here instead: news://forums.macromedia.com/macromedia.exchange.extensions.dreamweaver DW rendering, both the Design View and the extension dialogs, uses an internal engine, so it does not map directly to a particular browser. There is not a single reference so you should post more specific questions to the newsgroup above. (I seem to remember hearing back with MX 2004 that DW for MAC OS X was using Opera as the rendering engine - but I'm not sure if that's true. No, that's not true. Hope this helps, Randy Edmunds Dreamweaver Engineering __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] question about formatting w/ padding
Mike Soultanian wrote: I am working on the layout w/ my designer trying to get all the padding just right. Let's say that there is a header, sub-header, title, and body text. I could just just put padding-top on everything and that would space it out accordingly. However, I'm not really sure if that's necessarily appropriate because sometimes something may not have any top padding (for one reason or another) and now the content butts up against each other. In other words, some padding-bottom might be appropriate. I know that this is a very stylistic thing and I'm guessing that most of it is really figured out by trial and error, but I was hoping that someone might have a link to a site that talks about techniques for doing this properly. Mike, I don't have any links for you, but what I always do is zero out top margin on everything (paragraphs, every level of heading) and just give everything bottom margin. The only time this can cause problems is when you have a list following a paragraph and you want there to be no space in between the bottom of the paragraph and top of the list. A special class may be called for in this instance, or if this style needs to be applied to every page of a site, my whole system might need to be rethought. Hope that helps, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with autoresize DIV
Well, I have problems with DIV element inside a wrapper. For example I need a DIV for put inside a left-nav composing by menus, links and others. When I have a little menu the DIV element resize and the content in content DIV move from original place for below DIV element. This is the CSS. #container { width: 720px; margin: 2px auto; color: #333; background: #F5F5FF; border: 1px solid #00; max-height: 100%; } #branding-logo { border-bottom: 1px solid white; background: #3E5C92; } #nav-left { position: relative; float: left; width: 160px; margin: 0; height: 100%; /* For IE */ background: #D1D1E1; color: #00; border: 1px solid #0B198C; } #content { margin-left: 10em; padding-left: 2em; vertical-align: top; height: 100%; max-width: 560px; background: #F5F5FF; color: #00; border: 1px solid #0B198C; } #branding-phrase { text-align:right; color: #FF; padding-top: 2px; padding-bottom: 2px; padding-right: 3px; font-weight: bold; } #branding-tagline, #branding-powered { text-align:center; color: #aaa; } #branding-tagline, #branding-powered, #branding-phrase { padding-top: 2px; font: 11px Tahoma; clear: both; background: #3E5C92; width: 100%; height: 22px; } And this other is the HTML: div id=container div id=branding-logoimg src=themes/tpl_graphics/logo.png //div div id=branding-phraseFamous sentence /div div id=nav-left div id=mnu_Portal Here goes a menu /div /div div id=content Some content /div div id=branding-tagline style=text-align:center;Copyright/div div id=branding-powered style=text-align:center;Logos/div /div What I'm doing wrong? Best, ReynierPM 4to. año Ing. Informática Usuario registrado de Linux: #310201 * El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demás... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with floating with absolute width and 100% width
Hello all, Recently I've been working on the accessibility of one of my websites (http://www.overhoorjesuf.nl/). I've been through the whole website with a blind internet user. Out of accessibility reasons its better to switch the menu and content in the source from place (#menu and #content). Now that doesn't seem to be a problem. But when I do that, the menu will get displayed underneath the content. Of course that doesn't really surprise me, because the width of #content has a width of 100% and the menu has a width of 182px. That just doesn't fit next to eachother when you float. Now what does surprise me is the fact that this worked when I had #menu above #content in my source. Now I already figured something out, but that brought another problem with it. I gave #menu the following rules in addition: position: absolute; top: 141px; Now this works perfectly. BUT... When my content div isn't high enough, this will make my menu go over my footer. I've been thinking for a while on this, but can't really find a fast solution to fix this problem. So, does someone have a solution for this? I've made a testpage in which I switched the menu and the content, you can find it on: http://curunir.nl/OHJS/template.php. Thanks, Jasper __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to set max-width and min-width in IE
Thanks for this. I'll check it out asap. - Original Message - From: bj [EMAIL PROTECTED] To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Wednesday, January 18, 2006 7:41 PM Subject: RE: [css-d] Is it possible to set max-width and min-width in IE Is there any way to get IE to accept max-width and min-width? Pick your poison: http://kickasswebdesign.com/webgeekdir/CSS/Browser_Bugs/minmaxie/ --- avast! Antivirus: Outbound says I'm squeaky clean. Virus Database (VPS): 0603-3, 01/18/2006 Tested on: 1/18/2006 2:41:07 PM __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to set max-width and min-width in IE
Hi Al Thanks for your advise. I'll certainly bear it in mind when checking out the links Ian - Original Message - From: Al Sparber [EMAIL PROTECTED] To: bj [EMAIL PROTECTED]; [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Wednesday, January 18, 2006 7:43 PM Subject: Re: [css-d] Is it possible to set max-width and min-width in IE From: bj [EMAIL PROTECTED] To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Wednesday, January 18, 2006 2:41 PM Subject: Re: [css-d] Is it possible to set max-width and min-width in IE Is there any way to get IE to accept max-width and min-width? Pick your poison: http://kickasswebdesign.com/webgeekdir/CSS/Browser_Bugs/minmaxie/ Be careful on some of the solutions listed as the poison metaphor could be more than a metaphor :-) Also be wary of solutions requiring quirks mode. They can create other problems and cause freezes if a page is later inadvertantly put into standards mode. -- Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to set max-width and min-width in IE
Hi Christian Thanks very much for the links. I'll be trying them out asap. Ian - Original Message - From: Christian Montoya [EMAIL PROTECTED] To: 2geedesign [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Thursday, January 19, 2006 6:16 AM Subject: Re: [css-d] Is it possible to set max-width and min-width in IE On 1/18/06, 2geedesign [EMAIL PROTECTED] wrote: Hi Is there any way to get IE to accept max-width and min-width? A plug and play Javascript solution like Al's example: http://pro.html.it/articoli/id_620/idcat_31/pag_1/pag.html If all you care about is min width, there's this crazy pure CSS technique: http://www.webreference.com/programming/min-width/ Then again, you could just give all those stubborn IE users a wild fluid layout, after all, they must be used to them by now. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Image -- text -- image
I want to put text between two images, . div id=wrapper img src=. width= Some kind of text herebr with a a href= too img src=. width= /div I would like it to be fluid so that spacing happens by default and the entire thing is already in my main content div set. It would be best if wrapper were set to something like 80% or if necessary I can set it to a fixed px size, each image has a width and height of 125, it would be really great if the text was centered up and down and side to side between the images. Can someone help me on this, 3 1/2 hours working on it alone is long enough. I'm trying hard not to use any tables, which would make this very easy. Thanks. -- YIS/YIV Keith D Kaiser -- Venturing Roundtable Commissioner kaiserklan.com kaiserklan.com/roundtable kaiserklan.com/wa0tjt [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari Empty Cache redraw problem
I work on Mac, Safari 2.0.2, and frequently have to Empty Cache in order to load new CSS files etc while testing. Recently I've noticed that one of my sites, http://www.wildscaping.com, doesn't draw properly if I go to it directly after emptying the cache. All you see is the Footer at the top of the contents area; the main contents box is not drawn. Today it's even weirder, with the Contents text drawing one word on each line down the page. When I go to another main tab, and than back to Home tab, the home page draws fine. Does this sound familiar to anyone? Is there a reason for it? What I'm really nervous about, of course, is does anyone elso see a blank page when they visit http://www.wildscaping.com AFTER emptying their cache? thanks Trish -- -- Trish Meyer, Webmaster VIVA Gallery The Valley Institute of Visual Arts http://www.vivagallery.org Email: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari Float Bug
I'm using a floated horizontal list based on one of the ones on listmatic and everything working great IE6 and FireFox. Safari is putting a break before the list item with the combo box. I've found that if I hardcode a width in #navlist or take out the float that works around it, but I don't like this idea. It should auto-size nicely. I've tracked it down and when I remove this image (img alt= border=0 src=http://ak.imgfarm.com/ex/my/exHaveMail.gif;), Safari works properly again. Floating the image left puts it in the wrong spot. Any workarounds? Code below. Thanks. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; head titleUntitled Page/title style type=text/css #navcontainer { margin-left: 30px; } #navlist { list-style: none; padding: 0px; padding-top: 5px; padding-bottom: 4px; margin: 0; background-color:#F8F4DB; font-size: 10pt; font-family: Verdana; } #navlist A,A:active,A:link {color:black; text-decoration:none} #navlist li { display: inline; padding: 0; margin: 0; border-left: 2px solid #B3B3B3; padding: 0 0.4em 0 29px; } #navlist li.noborder { border-left: 0px solid #B3B3B3; margin-left: 0px; } #navlist li.noicon { background-image: none; padding-left: 11px; margin-right: 1px; } DIV.clear { clear: both; height: 0px; overflow: hidden; } /*Win IE browsers - hide from Mac IE\*/ * html #navlist { height: 1%; } /*Mac IE 5*/ * html #navlist li:first-child { border-left: 0; } /style /head body Blah Blahbr /br / div id=navcontainer ul id=navlist style=float:left li class=noborder id=exporta href=#First Option img alt= border=0 src=http://ak.imgfarm.com/ex/my/exHaveMail.gif;/a/li li id=incompletesa href=#Text 3/a/li li id=weightsa href=#Another Option/a/li li class=noiconselect style=font-size: 8pt optionMore Tools/option optionDelete/option optionManage Categories/option /select/li/uldiv class=clear/div /div br /br / /body /html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Mac IE huge whitespace above content
Hello When the following url http://www.learnz.org.nz/aoraki61/bg/aoraki-mt-cook-national-park.php is displayed in IE 5.2 on Mac OS X (and maybe OS9), there is half a screen high of white space above the main content. The page displays fine on almost every other platform and browser combination. The stylesheet is at: http://www.learnz.org.nz/aoraki61/fieldtrip.css The content is in a div called #content. Any thoughts? It's got me beat at the moment! Thanks Barrie __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Image -- text -- image
Keith, Here is a link to a three column grid demo created by Al Sparber: http://www.projectseven.com/csslab/testing/lists/grid.htm It's a fixed width, but maybe will provide some inspiration. Jim On 1/19/06, Keith Kaiser [EMAIL PROTECTED] wrote: I want to put text between two images, . div id=wrapper img src=. width= Some kind of text herebr with a a href= too img src=. width= /div I would like it to be fluid so that spacing happens by default and the entire thing is already in my main content div set... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] One True Layout - NN8 disappearing scrollbar
Thanks, Kelly. Tried the suggestion, which does indeed give a consistent scrollbar in NN8, but breaks the layout: http://www.shilpathanawala.com/tribbledesigns/artsopolis/template/index-setheight.html Perhaps there's something else I'm doing wrong... Thanks, ST --- Kelly Miller [EMAIL PROTECTED] wrote: Tried giving the body tag height: 100%, min-height: 101%? You might have to give html height: 100% as well (I don't fully recall). On 1/19/06, Shilpa Thanawala [EMAIL PROTECTED] wrote: I'm using Alex Robinson's One True Layout method for a 3-column layout, ordered 2-1-3 as in his example. In NN8, the vertical scrollbar does not appear when the page is loaded, then appears if the page is resized. Any ideas on how to remedy this would be greatly appreciated. http://www.shilpathanawala.com/tribbledesigns/artsopolis/template/index-pending.html Many thanks, ST __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE positioning problem
Hello all - wondering if someone has a cure for this IE dilemma. (working with this chat skin that is built in css) if you look at this in firefox http://constructweb.com/temp/test-out-alt.html the time stamp stays within the boudries of the containing box if you look at IE it does not - is it because IE has a problem with right: 4px; (absolute positioning right)? I have gone over this for a while - anybody able to let me know what the problem is? thank you Neal Watkins www.constructweb.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE positioning problem
Neal Watkins wrote: http://constructweb.com/temp/test-out-alt.html is it because IE has a problem with right: 4px; (absolute positioning right)? It's because you don't have a HTML, HEAD, DOCTYPE or BODY tag in the entire document. / rowan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] interesting google insight
Greetings All I recently completed a site for a client, www.oxfordprice.com, and was contacted by him today regarding his positioning on Google. Here is what was said: 'I spoke with the people at google today and they gave me insight to why I'm not showing up on the results. It's the page layout. The data/text cannot be read. it has something to do with the borders and the parameter of the page. They said just to make it regular.' This caught me by total surprise as I was under the impression that going the standards route would actually aid in getting you better placement due to the proper use of the h tags, paragraphs, lists etc. Can someone please have a look at the site/page as mentioned above and give me some insight into this matter. One thing that I have picked up upon re-validating the code is that whomever added the META tags did not terminate them properly. I am hoping that this is actually the cause and not what is stated by the people from Google. Thank you. -- Kind Regards Schalk Neethling Web Developer.Designer.Programmer.President Volume4.Business.Solution.Developers __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE positioning problem
fair enough but why does FF and all other browsers render it ok Quoting Rowan Wigginton [EMAIL PROTECTED]: Neal Watkins wrote: http://constructweb.com/temp/test-out-alt.html is it because IE has a problem with right: 4px; (absolute positioning right)? It's because you don't have a HTML, HEAD, DOCTYPE or BODY tag in the entire document. / rowan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Neal Watkins www.constructweb.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting google insight
One thing that I have picked up upon re-validating the code is that whomever added the META tags did not terminate them properly. I am hoping that this is actually the cause and not what is stated by the people from Google. Schalk Firstly there are still 14 Mark up errors in your script - all in the headers. eg META in line 13 should read meta. All end tags in the header should be thus: / Secondly, the site needs much more optimisation for the search engines. I have only looked at two pages but only the home page has any description/keywords and the title osn't really appropriate. I am not going into any more detail on list as it would be seriously off topic. As for the rest of site, I cannot see it being the CSS that is the problem. If you wish any assistance on above reply off list. Cheers Ian IY e-Solutions -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.375 / Virus Database: 267.14.21/235 - Release Date: 19/01/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/