Re: [css-d] Span tags set to not display make containing div not display
Roger , Thank you for responding. I'm betting something else is wrong. You were right. I was cleaning up my code in order to upload it so that you could see it, and in doing so, I gained more insight to the problem. I hadn't accurately described my code. My code actually looks like this: div id=test spanI don't want this seen/span ul lispana list thing/span/li /ul /div So the CSS seems to have been going from the initial span all the way through to the /span in the last li tag. Knowing this, I can control the problem. This still strikes me as odd, however. Shouldn't the CSS that is applied to a span stop at the first instance of a closing /span tag, not the outermost one? -- Dave M G Ubuntu 7.04 Feisty Fawn Kernel 2.6.20-15-generic Pentium D Dual Core Processor __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Span tags set to not display make containing div not display
Dave M G wrote: Roger , Thank you for responding. I'm betting something else is wrong. You were right. I was cleaning up my code in order to upload it so that you could see it, and in doing so, I gained more insight to the problem. I hadn't accurately described my code. My code actually looks like this: div id=test spanI don't want this seen/span ul lispana list thing/span/li /ul /div So the CSS seems to have been going from the initial span all the way through to the /span in the last li tag. Knowing this, I can control the problem. This still strikes me as odd, however. Shouldn't the CSS that is applied to a span stop at the first instance of a closing /span tag, not the outermost one? I'd think it would, but a span is not a block element. It is usually contained IN a block element, such as a paragraph. What happens if you wrap the span in a p/p tag and modify your CSS accordingly? -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] transparent divs
Hello, This works in FF- filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; Is it valid? Although it doesn't work in IE. Is there an ie transparency property that validates? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Span tags set to not display make containing div not display
On Tue, 24 Apr 2007, Dave M G wrote: I hadn't accurately described my code. My code actually looks like this: div id=test spanI don't want this seen/span ul lispana list thing/span/li /ul /div So the CSS seems to have been going from the initial span all the way through to the /span in the last li tag. Knowing this, I can control the problem. No, that's a completely wrong analysis. CSS does not operate on tags at all. It works on a document tree. Originally, you described your CSS code as follows: #test span { display: none } The selector #test span matches any span element that is inside (as a subelement or subelement of subelement etc.) the element with id value test. Thus, it matches both of the span elements. The list is still rendered, but its only list item has empty content as far as rendering is concerned, so only the bullet and some spacing (due to margins or paddings or both) appear (unless prevented by style sheets). The simplest way to make the rule apply to a single element only is to use a class attribute (say span class=foo) and a class selector: .foo { display: none; } There are ways to avoid classing, but they depend on the real context and on the desired browser coverage. IE has poor support to advanced CSS selectors up to IE 6, so anything like #test span { display: none; } is probably not a practical solution, though it would be nice in principle (matching only those span elements that are _directly_, as a subelement, inside the element with id=test). -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] transparent divs
* Ross Hulford wrote: This works in FF- filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; Is it valid? No, in order to be valid, style sheets must exclude properties that start with a - and other proprietary and experimental properties like 'filter'. Although it doesn't work in IE. Is there an ie transparency property that validates? Not at this time. -- Björn Höhrmann · mailto:[EMAIL PROTECTED] · http://bjoern.hoehrmann.de Weinh. Str. 22 · Telefon: +49(0)621/4309674 · http://www.bjoernsworld.de 68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] transparent divs
On Tue, 24 Apr 2007, Ross Hulford wrote: filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; Is it valid? It depends on what you mean by valid. There is no technical definition for valid in the CSS context (as there is in SGML, HTML, and XML contexts). If valid means conforming to CSS specifications, then none of the lines is valid, and only the last one, using the opacity property, would conform to the draft CSS 3 Colors specification. But there is nothing valid (in the above sense) that you could do in CSS to set opacity. So you might just as well consider what works in existing browsers, which is a quite different question. First, the line using -moz-opacity is basically superfluous, since it was only needed for old versions of browsers in the Mozilla family. New versions recognize the opacity property. (Technically, -moz-opacity is closest to being valid, though, since it follows the principle of using the - prefix for extended properties.) Although it doesn't work in IE. It does or it doesn't, depending on the context. Can you post a URL? In particular, the filter thing (or property, if you want to call it that way) works on IE for elements with the hasLayout magic set, so you may need to set e.g. the width or height for the element. Is there an ie transparency property that validates? No, but the filter thing works under favorable circumstances on IE. -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] transparent divs
* Ross Hulford wrote: This works in FF- filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; Is it valid? No, in order to be valid, style sheets must exclude properties that start with a - and other proprietary and experimental properties like 'filter'. Although it doesn't work in IE. Is there an ie transparency property that validates? Not at this time. You can get transparency working in both, but it's not valid CSS : http://www.domedia.org/oveklykken/css-transparency.php and http://www.caperet.com/2005/09/21/incremental-improvement/ (uses the link above to describe in a different way) -Simon __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie6/ie7 float problem?
Jeroen wrote: http://jg2.intellit.nl/overmij.html The columns are giving me an headache, because in IE6 and IE7 the right column goes under the left column (instead of beside it). Anyone have an idea what i might be doing wrong here? It's IE/win's 'hasLayout'[1] bug that creates problems. Reset the 'hasLayout' trigger on #main, by changing width to default... #main { width: 760px; delete this! } ...or change to... #main { width: auto; } ...and IE6/7 will do fine. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] font-family font sizes
Take the site www.syntony.org I have specified garamond for the titles because it most closely matches the logo I was given, and georgia as a fall-back. However it strikes me that georgia appears quite a bit larger than garamond even at the same specified font size. Although I realise we don't have total control over font sizes (nor should we), however because I use a sans-serif font for the main text, the proportions of the type are affected. Is there a way to specify different font sizes depending on which font is actually used? regards, D# __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] problem with subemenus in drop menu (IE7)
hi all, I have two problems with subemenus. It looks fine in FF, IE6 and Safari (I don't tested it in Opera). http://www.dywiz.com/test/ManSaw/v4/ 1. submenu have a border on the left side of block. In IE7 it's parted on each submenu - it have a break between submenus. Is it possible to fix it? 2. submenu is centred like as texts in main menu. How can I move it on left side like it looks in others browsers? regards, zbyszek __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] transparent divs
Ross Hulford wrote: Hello, This works in FF- filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; Is it valid? Although it doesn't work in IE. Is there an ie transparency property that validates? R. Ross, 'opacity' is a valid property and the only one you need for FF. The other two are proprietary CSS (not invented here) and so fail validation. However, 'filter' was designed for IE, and works on nothing else. If it's any consolation, these 'invalidities' are completely unambiguous and will not cause any chaotic behaviour in browsers. Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font-family font sizes
Take the site www.syntony.org I have specified garamond for the titles because it most closely matches the logo I was given, and georgia as a fall-back. However it strikes me that georgia appears quite a bit larger than garamond even at the same specified font size. Although I realise we don't have total control over font sizes (nor should we), however because I use a sans-serif font for the main text, the proportions of the type are affected. Is there a way to specify different font sizes depending on which font is actually used? http://www.w3.org/TR/REC-CSS2/fonts.html#font-size-props font-size-adjust would appear to help : quoting from the above page In bicameral scripts, the subjective apparent size and legibility of a font are less dependent on their 'font-size' value than on the value of their 'x-height', or, more usefully, on the ratio of these two values, called the aspect value (font size divided by x-height). The higher the aspect value, the more likely it is that a font at smaller sizes will be legible. Inversely, faces with a lower aspect value will become illegible more rapidly below a given threshold size than faces with a higher aspect value. Straightforward font substitution that relies on font size alone may lead to illegible characters. For example, the popular font Verdana has an aspect value of 0.58; when Verdana's font size 100 units, its x-height is 58 units. For comparison, Times New Roman has an aspect value of 0.46. Verdana will therefore tend to remain legible at smaller sizes than Times New Roman. Conversely, Verdana will often look 'too big' if substituted for Times New Roman at a chosen size. The problem is whether that's supported by browsers... according to w3schools.com, it's in the CSS2 spec but currently unsupported (http://www.w3schools.com/css/css_reference.asp#font) -Simon __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font-family font sizes
On Apr 24, 2007, at 7:31 PM, Simon White wrote: Is there a way to specify different font sizes depending on which font is actually used? http://www.w3.org/TR/REC-CSS2/fonts.html#font-size-props font-size-adjust would appear to help : quoting from the above page [...] The problem is whether that's supported by browsers... according to w3schools.com, it's in the CSS2 spec but currently unsupported (http://www.w3schools.com/css/css_reference.asp#font) font-size-adjust is support by Gecko (Firefox) on Windows. Firefox 3.0/Gecko 1.9 will have support for it on all platforms. Unfortunately, no other browser support it at the time of writing. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Span tags set to not display make containing div not display
Dave, On Apr 24, 2007, at 2:33 AM, Dave M G wrote: I hadn't accurately described my code. My code actually looks like this: div id=test spanI don't want this seen/span ul lispana list thing/span/li /ul /div So the CSS seems to have been going from the initial span all the way through to the /span in the last li tag. Knowing this, I can control the problem. I see you have already gotten a good reply from Jukka. Let me add another option. Given your current html, you could use css like this #test span { /* all spans inside #test */ display: none } #test ul span { /* all spans inside #test ul: reset the default */ display: inline; } Since the second rule has a higher specificity, it will override the first rule. -- Roger Roelofs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem with subemenus in drop menu (IE7)
On April 24, 2007, zbyszek wrote hi all, I have two problems with subemenus. It looks fine in FF, IE6 and Safari (I don't tested it in Opera). http://www.dywiz.com/test/ManSaw/v4/ 1. submenu have a border on the left side of block. In IE7 it's parted on each submenu - it have a break between submenus. Is it possible to fix it? 2. submenu is centred like as texts in main menu. How can I move it on left side like it looks in others browsers? regards, zbyszek I can not work out the first question. I can see a left hand border in the submenus in both IE7 and FF. The submenus have this CSS to hide them. #p7PMnav ul { margin: 0; padding: 0; background-color: #FF; position: absolute; left: -9000px; z-index: 1; } The trigger for the dropdown is in the javascript, so the submenus are not positioned underneath the top level menu with CSS when hovered. Pure CSS based dropdown menus can now work in IE7 since it now honors the hover of any element. The element to make CSS dropdowns work when hovered is li element. The CSS you have is very convoluted and hard to follow but that's because it is auto generated. I would recommend the Sons of Suckerfish as an alternative. http://www.htmldog.com/articles/suckerfish/dropdowns/ Kind Regards, Alan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie6/ie7 float problem?
On 4/24/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Jeroen wrote: http://jg2.intellit.nl/overmij.html The columns are giving me an headache, because in IE6 and IE7 the right column goes under the left column (instead of beside it). Anyone have an idea what i might be doing wrong here? It's IE/win's 'hasLayout'[1] bug that creates problems. Reset the 'hasLayout' trigger on #main, by changing width to default... Thanks a lot Georg, this did the trick! -- Jeroen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Side-by-side positioning with css
On April 24, 2007, Del wrote: Good Evening; If anyone has a bit of time, please look at the schematic(on the left) and three links(on the right) at the bottom of the page at http://www.edi-cp.com/estimator/edi_at_calculator.html This is my first attempt to use CSS to position items on a page. They are where I want them, but I don't like the idea of using a width of the div to force the two columns close together. Is there a better way of getting the two spans to appear side-by-side centered on the page with a small space separating them? I could easily do this with a table, but I am trying to move away from that style of coding. The only reason that the containing div of the spans is centered is due to the html which you have which is basically. .body ... .center etc .div class = schematic .span class = schematic1 etc /span .span class = schematic2 etc /span /div /center /body That depreciated element .center is centering everything on your page. You must forgo this tag to start effectively using CSS. Keeping the div you currently have which contains to spans is the way you acheive centering with CSS. The code you have is all primed for CSS treatment. So remove the opening and closing center tag and use this tweaked CSS. body { font-family: EuroseWide Heavy, Verdana, Arial, sans-serif; margin:0; font-size: 100%; } .schematic { color: #A0; font-weight: bold; background:transparent; width:650px; margin:0 auto; } .schematic1 { width:45%; text-align:center; float: left; } .schematic2 { width:45%; float: right; } There a lot more that can be done but this is a start. A good site for both CSS and html is this. http://www.htmldog.com/ Kind Regards, Alan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem with subemenus in drop menu (IE7)
The trigger for the dropdown is in the javascript, so the submenus are not positioned underneath the top level menu with CSS when hovered. Pure CSS based dropdown menus can now work in IE7 since it now honors the hover of any element. The element to make CSS dropdowns work when hovered is li element. The CSS you have is very convoluted and hard to follow but that's because it is auto generated. I would recommend the Sons of Suckerfish as an alternative. http://www.htmldog.com/articles/suckerfish/dropdowns/ Kind Regards, Alan A second on the son of suckerfish solution, but subject to fixing the sticky ie7 problem as explained here: http://htmlfixit.com/?p=1013 With the help of this list a week or two ago. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] having issues with direction from right to left
ok thanx, just realized that what I wanted was to display: (99) test instead of test (99) On 4/24/07, Jukka K. Korpela [EMAIL PROTECTED] wrote: On Tue, 24 Apr 2007, Patrick Aljord wrote: I trying to write this: div style=direction:rtltest (99)/div but this is what appears: (test (99 At the character level, what appears is )test (99 but the leftmost character ) is displayed using a mirrored glyph. You can see this if you copy the leftmost character into a plain text file using copy and paste. The appearance is what you asked for by using direction:rtl. By the Unicode bidirectional algorithm (which is what the definition of the direction property refers to), the writing direction is primarily determined by the inherent directionality of characters. The directionally neutral characters and ( follow the directionality of surrounding characters, which is left to to right. However, the last character ) is not trapped between characters with left to right directionality, so the browsers does just what you asked: treats it with right to left directionality. This means that it will be placed to the left of the preceding text and mirrored. Appending a directionally neutral punctuation character like . would not change this. It would be placed to the left of the preceding character. But if you append a character with inherent left to right directionality, like a Latin letter or a common (European) digit, things would change. There is also an invisible control character for the purpose, the left to right mark (LRM, U+200E), representable in HTML as lrm; among other things. any idea how I could make it look like: test (99)? Well, you could simply leave out the setting direction:rtl. If the enclosing element has direction:rtl, then you would need to explicitly set direction:ltr to prevent inheritance. In any case, if you want text to be rendered left to right, you set (or default) the direction property to the value ltr. What did you expect the direction:rtl setting to affect, and why did you use it? If you just want alignment to the right (which is a default side effect of direction:rtl), set it explicitly, using text-align: right. -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] having issues with direction from right to left
On Tue, 24 Apr 2007, Patrick Aljord wrote: ok thanx, just realized that what I wanted was to display: (99) test instead of test (99) I think you need to explain the context and purpose in more detail. What should happen in rendering in general? That is, given arbitrary piece of text as a div element content, how should the style sheet rule affect its presentation? If this is about swapping the order of two pieces of text, then there's no way in CSS at present to do that without adding extra markup. Something like the following would work if you wish to use directionality (which might not be the easiest way): style type=text/css .swap { direction: rtl; unicode-bidi: bidi-override; text-align: left; } .l { direction: ltr; unicode-bidi: embed; } /style ... div class=swapspan class=ltest/span span class=l(99)/span/div Here I set the direction to right to left, but the span elements have internal, embedded direction from left to right -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Validator
Hi list, I'm confused. I have the page validation tool working in my toolbar (FF). When I check a site I've made with the toolbar offline, it says that it's validated. When I upload the same files to the server, it says in the toolbar that there are 3 HTML errors. However, if I go to validator.w3.org and I type the URL in the box to check from there, it says again that it validates. Anyone else come across this problem? Arno __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Unwanted Space between two stacked unordered lists
The menu at the very top of this page is composed two unordered lists stacked on top of each other. #navlist #navlist2 In IE6/IE7, there is space between the ULs; in FF, there is not. I CANNOT figure out why IE6/IE7 puts space between them. Can anyone enlighten me? http://www.sarasotahousing.org/homepage-for-template.php #home ul#navlist { margin: 14px 0 0 0; padding: 0; border: 0; } #home ul#navlist2 { clear: both; margin: 0 0 0 17px !important; padding: 0 !important; border: 0; } Marje __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] print style sheets
Is there a way to have one set of images show up for one stylesheet and another for a second stylesheet? d:) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Unwanted Space between two stacked unordered lists
The menu at the very top of this page is composed two unordered lists stacked on top of each other. #navlist #navlist2 In IE6/IE7, there is space between the ULs; in FF, there is not. I CANNOT figure out why IE6/IE7 puts space between them. Can anyone enlighten me? http://www.sarasotahousing.org/homepage-for-template.php This is a haslayout [1] issue. Fix it adding 100% width for the navigation lists: #home UL#navlist2 { width:100% ... } #home UL#navlist { width:100% ... } Regards, [1] http://www.satzansatz.de/cssd/onhavinglayout.html Maurício Samy Silva http://www.maujor.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] print style sheets
Not sure what you mean there. If you are referring to background images, simply add the different urls in the css. If you are talking about inline images, give them an id and hide the ones you don't want to see using display:none in the css. If you clarify what you mean a little it will be easier for people to assist. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Unwanted Space between two stacked unordered lists
Have you tried eliminating all whitespace in the uls? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Unwanted Space between two stacked unordered lists
That solved it thanks Mauricio! Looks like I am going to have to dig in and understand haslayout. The menu at the very top of this page is composed two unordered lists stacked on top of each other. #navlist #navlist2 In IE6/IE7, there is space between the ULs; in FF, there is not. I CANNOT figure out why IE6/IE7 puts space between them. Can anyone enlighten me? http://www.sarasotahousing.org/homepage-for-template.php This is a haslayout [1] issue. Fix it adding 100% width for the navigation lists: #home UL#navlist2 { width:100% ... } #home UL#navlist { width:100% ... } Regards, [1] http://www.satzansatz.de/cssd/onhavinglayout.html Maurício Samy Silva http://www.maujor.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] image shifted right
I can't sort out why the logo in the white box at the top is shifted right 8 or 10 px http://spinhead.info/ah/one/ I've colored the background image yellow to show where the left edge is; the white background of the logo image should cover that, but leave a small dark blue border to the right. thanks for any suggestions joel No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.463 / Virus Database: 269.5.10/774 - Release Date: 4/23/2007 5:26 PM __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image shifted right
From: Joel D Canfield Sent: Tuesday, April 24, 2007 5:32 PM I can't sort out why the logo in the white box at the top is shifted right 8 or 10 px http://spinhead.info/ah/one/ I've colored the background image yellow to show where the left edge is; the white background of the logo image should cover that, but leave a small dark blue border to the right. thanks for any suggestions joel, Changing #logo width to 170px appears to fix the problem -- not sure if that is the solution you wanted or not. --G __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image shifted right
Joel D Canfield wrote: I can't sort out why the logo in the white box at the top is shifted right 8 or 10 px http://spinhead.info/ah/one/ I've colored the background image yellow to show where the left edge is; the white background of the logo image should cover that, but leave a small dark blue border to the right. thanks for any suggestions joel One thing I notice is that the logo division is 178px wide while the logo image is only 168px wide. I used Firebug to change the logo division to 168px wide and it seems to display the way you want. I think that the yellow part is actually only 5px wide because the anchor is centred in the division per the text alignment on the body. Lori __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image shifted right
Joel D Canfield wrote: I can't sort out why the logo in the white box at the top is shifted right 8 or 10 px http://spinhead.info/ah/one/ ... For IE in quirksmode/IE6, it is appropriate to set text-align:center in body, because you cannot center a div with margin: 0 auto; in this mode. But you have to explicitly reset it with text-align:left in #wrapper then, to prevent this property from being inherited. Or, the image, which is inline by default, will center in its wider #logo block parent. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image shifted right
I can't sort out why the logo in the white box at the top is shifted right 8 or 10 px http://spinhead.info/ah/one/ I've colored the background image yellow to show where the left edge is; the white background of the logo image should cover that, but leave a small dark blue border to the right. Hi Joel, Your logo image is 168px wide and you have assigned width:178px for de DIV logo. So you got 10px unuwanted gap at the left. Set #logo with to 168px. Regards Maurício Samy Silva http://www.maujor.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] disappearing div box/picture etc
Dear CSS List folks: I am redesigning the website for the library where I work, and I am having the problem of a div box that disappears everytime I roll the mouse over the left nav materials. I use Javascript for my left nav and there are onmouseover commands (in my xhtml file), but I believe I need those for my leftnav. I'm not sure what's causing this but I hope it's not the onmouseovers. I have attached the xhtml file, as well as a css file, and a javascript file. I appreciate any help you can give. Sincerely, Raumin Ray Dehghan Adult Services Librarian West Chicago Public Library West Chicago, Illinois __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Side-by-side positioning with css
Thanks Alan and Mauricio. I have gone to http://www.htmldog.com/ quite a bit lately. I work with your suggestions to learn more. Right now the customer is satisfied and I must stop messing with websites while I finish the semester -- lots of exams to create, administer, and grade. I should be able to get back to this in about three weeks. Maybe I will have a better handle on things by the end of the summer. Del If anyone has a bit of time, please look at the schematic(on the left) and three links(on the right) at the bottom of the page at http://www.edi-cp.com/estimator/edi_at_calculator.html This is my first attempt to use CSS to position items on a page. They are where I want them, but I don't like the idea of using a width of the div to force the two columns close together. Is there a better way of getting the two spans to appear side-by-side centered on the page with a small space separating them? The only reason that the containing div of the spans is centered is due to the html which you have which is basically. .body ... .center etc .div class = schematic .span class = schematic1 etc /span .span class = schematic2 etc /span /div /center /body That depreciated element .center is centering everything on your page. You must forgo this tag to start effectively using CSS. Keeping the div you currently have which contains to spans is the way you acheive centering with CSS. The code you have is all primed for CSS treatment. So remove the opening and closing center tag and use this tweaked CSS. body { font-family: EuroseWide Heavy, Verdana, Arial, sans-serif; margin:0; font-size: 100%; } .schematic { color: #A0; font-weight: bold; background:transparent; width:650px; margin:0 auto; } .schematic1 { width:45%; text-align:center; float: left; } .schematic2 { width:45%; float: right; } There a lot more that can be done but this is a start. A good site for both CSS and html is this. http://www.htmldog.com/ Kind Regards, Alan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] H1 generating half the space in IE7 as in FF?
http://tinyurl.com/38kf6o The space in FireFox from the bottom of the navigation to the top of the H1 line Brain Injury... is 40px But in IE7 I get about 27px. Can anyone point me to why I am getting the difference? Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font-family font sizes
Philippe Wittenbergh wrote: On Apr 24, 2007, at 7:31 PM, Simon White wrote: Is there a way to specify different font sizes depending on which font is actually used? http://www.w3.org/TR/REC-CSS2/fonts.html#font-size-props font-size-adjust would appear to help : quoting from the above page font-size-adjust is support by Gecko (Firefox) on Windows. Firefox 3.0/Gecko 1.9 will have support for it on all platforms. Unfortunately, no other browser support it at the time of writing. Philippe and Simon, Thanks for the detailed replies - looks like I have a bit more reading to do. I'm curious as to what happens then with Safari swapping fonts to simulate italic text... http://alistapart.zeldman.com/2006/11/27/safari-beats-firefox/ What if the next font on the list appears noticably different in size to the current? Is this something anyone else has come across? Regards, D# __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/