Re: [css-d] Dropdown doesn't work in IE
Subject: Re: [css-d] Dropdown doesn't work in IE
Ian Young wrote:
Working on a drop down based on Suckerfish.
Doesn't work at all in IE6. Has JavaScript included (as per Suckerfish).
...I know from nothing about js, but is the .htc file on the server, and
using the correct mime type?
Oops. That wasn't supposed to be there. However, it doesn't make any
difference to the drop down in IE6. On hovering, there is an effect on the
scroll bar!!
Also sidebar image doesn't appear until hovering over menu.
The image rightbar.gif needs to be on both #wrapper /and/ #container.
...#container {background:
...url(http://www.iyesolutions.co.uk/templates/lvsc/images/rightbar.gif)
...repeat-y right;}
That's sorted that - Thanks!
See:
http://www.iyesolutions.co.uk/templates/lvsc/template.html css included
for
development purposes
Any thoughts?
Your page needs a background-color (I default to fuchsia to catch myself
on this).
Thanks Davdi, I have sorted that as well, was concentrating so hard on the
menu and columns that forgot about the body stuff.
Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.11.3/423 - Release Date: 18/08/2006
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] UBER newbie question
Shiloh Madsen wrote:
I know that we should no longer be using the bold and underline html
tags and the like, however I am not entirely certain how to handle
performing this function on a page in the most elegant way.
As I understand it...
Tags like bbold/b and iitalic/i have been deprecated I think
because they imply how the text should *look* which is no longer
considered the province of HTML.
I think it is generally considered more semantically correct to use the
tags strongstrong/strong or ememphasised/em, as these don't
control how the element looks, but gives some indication of its importance.
So if for instance you wanted your emphasised text to be underlined,
simply add the rule...
em {
font-style : normal; /* because I think nearly all browsers have a
default stylesheet that includes an italic default for em and a bold
default for strong */
font-decoration : underline;
}
span class=underlineUnderlined text/span with...span.underline
{ text-decoration : underline } ...may be more useful, especially if you
want to combine selectors, but I don't think this is such an elegant
solution as the judicious use of bold and em
Regards,
D#
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] UBER newbie question
I agree with all the above. Browsers will generally style strong as bold
and em as italic, but to ensure that:
strong {
font-weight: bold;
}
em {
font-style: italic;
}
to style hyperlinks, try and follow this order, for example:
a:link, a:visisted {
font-weight: bold;
text-decoration: none;
}
a:hover, a:active {
font-weight: bold;
text-decoration: underline;
}
...remember, some people are colour-blind and will not be able to
differentiate links just because they are another colour so another cue is
useful.
--
http://www.web-buddha.co.uk
http://www.projectkarma.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] UBER newbie question
David Sharp wrote:
span class=underlineUnderlined text/span with...span.underline
{ text-decoration : underline } ...may be more useful, especially if you
want to combine selectors, but I don't think this is such an elegant
solution as the judicious use of bold and em
er... This last bit should read judicious use of strong and em
D#
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] UBER newbie question
And the big benefit to using strong and em - if CSS is off, the visitor at least gets some indication that those particular words/phrases have a bit more importance than their surrounding text. How is that different from b and i ? The main difference is that b and i are visual only whereas strong and em give the text semantical meaning. Underline is the same thing: It is only visual and doesn't have any semantic meaning. On the web it is even more confusing as underlined text indicates a link and not an emphasis. Therefore simulating u with spans is just not sensible. -- Chris Heilmann Book: http://www.beginningjavascript.com Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Dropdown doesn't work in IE - SORTED
Subject: Re: [css-d] Dropdown doesn't work in IE On 20/08/06 23:28 +0100, Ian Young wrote: Hi all Working on a drop down based on Suckerfish. Doesn't work at all in IE6. Has JavaScript included (as per Suckerfish). Also sidebar image doesn't appear until hovering over menu. If all fails, go back and rewrite!! I have taken the script right back to beginning. I had left out a position:relative in the li code. Bit of tweaking later and we seem to have sorted., although I still have a white border showing in IE that doesn't appear elsewhere. Also cannot get the menu to centre in IE. - did before:-( Any further thoughts? Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.11.3/423 - Release Date: 18/08/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] UBER newbie question
Christian Heilmann wrote: And the big benefit to using strong and em - if CSS is off, the visitor at least gets some indication that those particular words/phrases have a bit more importance than their surrounding text. How is that different from b and i ? The main difference is that b and i are visual only whereas strong and em give the text semantical meaning. Underline is the same thing: It is only visual and doesn't have any semantic meaning. On the web it is even more confusing as underlined text indicates a link and not an emphasis. Therefore simulating u with spans is just not sensible. No difference. strong or em vs b or i - the first two describe something of the meaning of the enclosed text. The last two just say make it bold or italic. But the tag names are a constant reminder to not think purely in visual terms. -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Dropdown doesn't work in IE - SORTED
Subject: Re: [css-d] Dropdown doesn't work in IE Interesting anomaly now. Have made the template work in html and have then added the dynamic element to it. Seems to work ok FF, Opera and zooms ok! However, the images disappear in the sidebar about half way down the page in IE6 HELP! http://www.venachar.org.uk/members-new/template.php Thanks in anticipation Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.11.3/423 - Release Date: 18/08/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] UBER newbie question
On 8/21/06, david [EMAIL PROTECTED] wrote: Christian Heilmann wrote: And the big benefit to using strong and em - if CSS is off, the visitor at least gets some indication that those particular words/phrases have a bit more importance than their surrounding text. How is that different from b and i ? The main difference is that b and i are visual only whereas strong and em give the text semantical meaning. Underline is the same thing: It is only visual and doesn't have any semantic meaning. On the web it is even more confusing as underlined text indicates a link and not an emphasis. Therefore simulating u with spans is just not sensible. No difference. strong or em vs b or i - the first two describe something of the meaning of the enclosed text. The last two just say make it bold or italic. But the tag names are a constant reminder to not think purely in visual terms. Yes, but there is no bold or italic for an aural user agent, so there is a massive difference in between them. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Dropdown doesn't work in IE - SORTED
Ian Young wrote:
However, the images disappear in the sidebar about half way down the
page in IE6
http://www.venachar.org.uk/members-new/template.php
Add a 'hasLayout'[1] trigger in the right place... :-)
#wrapper {height: 1%;}
...will do just fine.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Dropdown doesn't work in IE - SORTED
Subject: Re: [css-d] Dropdown doesn't work in IE - SORTED
Ian Young wrote:
However, the images disappear in the sidebar about half way down the
page in IE6
http://www.venachar.org.uk/members-new/template.php
Add a 'hasLayout'[1] trigger in the right place... :-)
#wrapper {height: 1%;}
...will do just fine.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
That's done it
Thanks again
Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.11.3/423 - Release Date: 18/08/2006
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 misplaced
Hi folks, I am wrecking my brain over the following issue: on http://martin-krafft.net/phd/, there are two images. The Lero logo is displayed as it should, the Debian swirl further down renders too far up and clashes with the underline of the heading. Both images are class:floatright, which is nothing but a class that defines float:right and margin-left:2em. Both are within div#content and just before a normal p. I just don't understand why the swirl is rendered 2em above the p while the Lero logo is just fine. Stylesheet is here: http://martin-krafft.net/phd/css/base.css XHTML and stylesheet almost validate, but the remaining issues are not relevant to the image display, I think. Thanks for any time you may be able to spend on this! -- martin; (greetings from the heart of the sun.) \ echo mailto: !#^.*|tr * mailto:; [EMAIL PROTECTED] spamtraps: [EMAIL PROTECTED] the less you know about computers the more you want micro$oft! -- micro$oft ad campaign, circa 1996 (proof that micro$oft's advertising _isn't_ dishonest!) signature.asc Description: Digital signature (GPG/PGP) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] IE 6 rendering problem?
Dear List Members, I am so stumped by this IE 6 problem that I couldn't even come up with a properly descriptive subject heading for this email... The layout of this site is very simple and my code validates. It looks the way it's supposed to in Firefox, Netscape, Safari, and even IE/Mac. What's worse, I can't even reproduce the problem, so how can I know if I've fixed it? (I am on a Mac. When I log in through browsercam the site looks just fine.) The site is at http://thebirthingwell.com, the css is at http://thebirthingwell.com/style.css, and here is my client's description of the problem, plus screenshots. She says: The first problem occured when I opened up the site, and clicked several (maybe three?) menu items. On the third or fourth one, the entire window (um, landscape of the html page) at first appeared light green, then settled into what you see in the screenshot. Interestingly, without clicking anything (all I did was press printscreen, which switched me into a new application, and then I alt-tabbed back to the browser), it disappeared. Her screenshot is at http://thebirthingwell.com/problem1.gif. The second problem occured after I'd clicked through each menu item *several times* each. Then, all of a sudden, I clicked a menu item, got the full green page, then it settled into what you see in the screenshot. Screenshot is at http://thebirthingwell.com/problem2.gif. What I saw this morning was slightly different just in the fact that the errant green box was coming up from the bottom band, instead of down from the top band, and was situated over the menu area instead of over the well. No screenshot of this. This is what flashes right before it settles into one of the two other problems. I can reproduce it easily, but not necessarily consistently. That is, I can get it to happen often (usually after clearing the cache, but not always limited to that), but it isn't always the same set of steps that causes it to happen. I can click on contact me one time and not see the problem, then I can click on contact me another time and get it. Screenshot of this is at http://thebirthingwell.com/problem3.gif. Note that the dark green band under the header is twice as thick as it should be. A thousand thanks in advance for any advice you can give me! Julie Hathaway Pilcrow Text Design, LLC www.pilcrow.biz 734-995-5431 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] page won't validate, strange error message
Kim, there is indeed a Byte Order Mark at the start of your file. Chanches are it is an artifact inserted by your text editor when saving as utf-8. If you open that file (or the saved page source) in a non-utf8-aware text editor (like plain old Notepad on Win98) you'll see that the first line starts with . While it is not visible on your page, usually Gecko-based browsers DO show the offending characters. What you can do: 1.) Check your text editor's options if you can tell it somewhere to save as UTF-8 NO BOM or similar; 2.) Go for a text editor that has such an option (I use Notepad++: http://notepad-plus.sourceforge.net/); 3.) Manually edit each file in Notepad, deleting those characters (they serve no purpose on the web, see: http://www.unicode.org/faq/utf_bom.html#29). Anyway, you should make sure the browser knows the file is utf-8. If you have access to your server configuration (or .htaccess file) just add a line saying AddDefaultCharset utf-8. If you can't (or want to be sure it works even when saved on disk) change your meta element to: meta http-equiv=content-type content=text/html; charset=utf-8 / Hope it helps. djn Kim Brooks Wei wrote: Hi People, I can't validate this page http://thewei.com/sandboxcar/menu.html I get a message showing an upside down question mark before the start of the declaration header. But there is no such character in my text, not even as an invisible character. -- Dejan Kozina Dolina 346 (TS) - I-34018 Italy tel./fax: +39 040 228 436 - cell.: +39 348 7355 225 http://www.kozina.com/ - e-mail: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] IE 6 rendering problem?
Subject: [css-d] IE 6 rendering problem? Dear List Members, I am so stumped by this IE 6 problem that I couldn't even come up with a properly descriptive subject heading for this email... It works fine for me in IE6 Windows XP. Tried several minutes and couldn't get site to break! Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.11.3/423 - Release Date: 18/08/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] IE gap below li in suckerfish type pop out
Hello, I am working on a pop out menu based on suckerfish. Everything works as required in firefox but in IE the hover causes as small gap between the hovered li and the li below. Can anyone offer a solution? Page is at http://test.room108.co.uk/menu/menutest.html Css is a http://test.room108.co.uk/menu/sidemenu_test.css The IE solution uses some java script so if you think that the problem lies with this let me know and I will ask elsewhere. Thanks in advance, Julie Room 108 Limited Creative New Media Solutions West Lothian www.room108.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] How to explain this result?
html head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleUntitled Document/title /head body pabc/p labellabel1/label labellabel2/label /body /html I think this html will result in 3 lines, one for abc, one for label1 and one for label3. The block box generated for body element contains three boxes, one block box for p, the other two inline boxes for labels, because CSS 2.1 specification says: Block-level elements (except for display 'table' elements, which are described in a later chapter) generate a principal block box that contains either only block boxes or only file:///home/ray/.mozilla/firefox/rbp1q15z.default/ScrapBook/data/20060819165938/index.html#inline-boxinlines boxes, so I think each inline box should be wrapped in an anonymous block box and participates in a block formatting context, laid out vertically, one after another. But the result is not what I expected: the label boxes lay out on a single line. Why? Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 misplaced
martin f krafft wrote:
Hi folks,
I am wrecking my brain over the following issue:
on http://martin-krafft.net/phd/, there are two images. The Lero
logo is displayed as it should, the Debian swirl further down
renders too far up and clashes with the underline of the heading.
Both images are class:floatright, which is nothing but a class that
defines float:right and margin-left:2em. Both are within div#content
and just before a normal p.
I just don't understand why the swirl is rendered 2em above the p
while the Lero logo is just fine.
Stylesheet is here: http://martin-krafft.net/phd/css/base.css
XHTML and stylesheet almost validate, but the remaining issues are
not relevant to the image display, I think.
Thanks for any time you may be able to spend on this!
Hi Martin,
It's not the logo itself: ... just before a normal p, yes, but also
just after an abnormal h2. :-)
h2 { margin-bottom: -0.5em; }
(The em-size of the h2 is bigger, so compared to the normal 1em of a p it is
around the -2em you mentioned.)
Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] How to explain this result?
On Aug 21, 2006, at 10:16 PM, ray wrote: html head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleUntitled Document/title /head body pabc/p labellabel1/label labellabel2/label /body /html I think this html will result in 3 lines, one for abc, one for label1 and one for label3. The block box generated for body element contains three boxes, one block box for p, the other two inline boxes for labels, because CSS 2.1 specification says: Block-level elements (except for display 'table' elements, which are described in a later chapter) generate a principal block box that contains either only block boxes or only file:///home/ray/.mozilla/firefox/rbp1q15z.default/ScrapBook/data/ 20060819165938/index.html#inline-boxinlines boxes, so I think each inline box should be wrapped in an anonymous block box and participates in a block formatting context, laid out vertically, one after another. But the result is not what I expected: the label boxes lay out on a single line. Why? Thanks. label is an inline element, unless you modify its display value through a stylesheet. You show no signs of doing that. http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL Hence a UA will generate - at best - only one anonymous block box wrapping around your two labels. But that is an OT discussion for this list. Note also that your code is invalid for html strict. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] How to explain this result?
label is an inline element, unless you modify its display value through a stylesheet. You show no signs of doing that. Which would only change the UA's rendering, not the nature of the element, though :-) Sounds obvious but far too many CSS-only implementations these days forget that fact. -- Chris Heilmann Book: http://www.beginningjavascript.com Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] How to explain this result?
Thanks. This is only an expertimetal code that I use to help me undertand the CSS. This behavour seems not cited in CSS 2.1. Is is UA specific? On 8/21/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote: On Aug 21, 2006, at 10:16 PM, ray wrote: html head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleUntitled Document/title /head body pabc/p labellabel1/label labellabel2/label /body /html I think this html will result in 3 lines, one for abc, one for label1 and one for label3. The block box generated for body element contains three boxes, one block box for p, the other two inline boxes for labels, because CSS 2.1 specification says: Block-level elements (except for display 'table' elements, which are described in a later chapter) generate a principal block box that contains either only block boxes or only file:///home/ray/.mozilla/firefox/rbp1q15z.default/ScrapBook/data/ 20060819165938/index.html#inline-boxinlines boxes, so I think each inline box should be wrapped in an anonymous block box and participates in a block formatting context, laid out vertically, one after another. But the result is not what I expected: the label boxes lay out on a single line. Why? Thanks. label is an inline element, unless you modify its display value through a stylesheet. You show no signs of doing that. http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL Hence a UA will generate - at best - only one anonymous block box wrapping around your two labels. But that is an OT discussion for this list. Note also that your code is invalid for html strict. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] How to explain this result?
label is an inline element is what I expected. I just wonder why generate only one anonymous block box instead of two. On 8/21/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote: On Aug 21, 2006, at 10:16 PM, ray wrote: html head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleUntitled Document/title /head body pabc/p labellabel1/label labellabel2/label /body /html I think this html will result in 3 lines, one for abc, one for label1 and one for label3. The block box generated for body element contains three boxes, one block box for p, the other two inline boxes for labels, because CSS 2.1 specification says: Block-level elements (except for display 'table' elements, which are described in a later chapter) generate a principal block box that contains either only block boxes or only file:///home/ray/.mozilla/firefox/rbp1q15z.default/ScrapBook/data/ 20060819165938/index.html#inline-boxinlines boxes, so I think each inline box should be wrapped in an anonymous block box and participates in a block formatting context, laid out vertically, one after another. But the result is not what I expected: the label boxes lay out on a single line. Why? Thanks. label is an inline element, unless you modify its display value through a stylesheet. You show no signs of doing that. http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL Hence a UA will generate - at best - only one anonymous block box wrapping around your two labels. But that is an OT discussion for this list. Note also that your code is invalid for html strict. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Firefox height, min-height difference for internal 100% divs
Hi Tony
I'm guessing the leftcol div is inside the outer div. I can't figure out
exactly what's going on here, but if you change the CSS for #outer to:
#outer {
background-color: red; width: 100%; min-height: 400px; height:1px
}
this triggers the containing block behaviour you're looking for. Anyone care
to explain?
Chris
On 8/20/06, Tony Martin [EMAIL PROTECTED] wrote:
I am writing a page specifically for firefox.
#outer {
background-color: red; width: 100%; height: 400px;
}
#leftcol {
background-color: blue; width: 30%; height: 100%; float: left;
}
gives me what I want - leftcol same length as outer, but I also would
like
the outer div to expand, so I set it to min-height: 400px.
Now the leftcol 100% becomes the height of the viewport.
i can get what i want by setting leftcol to also be min-height 400px, but
what is it that changes in interpretation of height and min-height?
Chris Ovenden
http://thepeer.blogspot.com
Imagine all the people / Sharing all the world
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 misplaced
also sprach francky [EMAIL PROTECTED] [2006.08.21.1451 +0100]:
It's not the logo itself: ... just before a normal p, yes, but also
just after an abnormal h2. :-)
h2 { margin-bottom: -0.5em; }
Mh, doh. Thanks a lot.
--
martin; (greetings from the heart of the sun.)
\ echo mailto: !#^.*|tr * mailto:; [EMAIL PROTECTED]
spamtraps: [EMAIL PROTECTED]
all women become like their mothers. that is their tragedy. no man
does. that's his.
-- oscar wilde
signature.asc
Description: Digital signature (GPG/PGP)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Dropdown doesn't work in IE - SORTED
Ian Young wrote:
Ian Young wrote:
However, the images disappear in the sidebar about half way down the
page in IE6
http://www.venachar.org.uk/members-new/template.php
The fix Georg offered is working like a charm. However, at font-size
largest, the fonts go goofy in IE (ie font re-size bug) causing the
float to drop. Adding and changing this /may/ help that:
html { font-size: 100%; } add 100% percent
body {
font: normal 1em/normal verdana, arial, helvetica, sans-serif;add
1em (first 'normal' is font-weight, second 'normal' is line-height)
/*font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;*/
color: #33;
background:#8494f7;
}
Best,
~dL
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] text size issue in IE vs. FireFox.
Hello All, I'm using a two-column layout and I'm having problems with several things. First, I have to update the site frequently, meaning that the left column changes in length. If I add too much content, it flows beyond the end of the content area. I solved this by use a height: rule on the content div. I HATE using height rules! The second problem I'm having is that if the text size is increased, the content flows out of the content area. I solved this in IE by using a font-size:12px; But Firefox seems to ingore the font-size rule - it allows the viewer to increase or decrease font size in spite of the rule fixing the font size at a certain pixel dimension. I did add an overflow:auto; rule on the wrapper, which adds a scroll bar if the text becomes too large, but my footer does not stay at the bottom of the contents. Here's a link to the site in question. http://www.bsvw.com/ Any help will be greatly appreciated. Regards, Phil __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Simple problem but can't seem to find a solution
Hi guys, I have a div with an repeated-x background image. This all works fine in FF but IE seems to add unwanted padding to the bottom of the image; thus leaving a white gap! Anyone have an idea about how to fix it (can't seem to find anything on the net)? Thanks, Henry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] IE 6 rendering problem?
Ian Young wrote:
[...]
It works fine for me in IE6 Windows XP.
Tried several minutes and couldn't get site to break!
Ian
Same for me, IE6 on Win98SE: clickin'and clickin', but could not
reproduce any of the light green artefacts...
- I should guess somewhere a {position: relative;} or a {height:
1%;}or one of the other IE-only fixes could help, but as I cannot
reproduce the error, I cannot see where...
Maybe a {position:relative;} in all containers, and ask your client if
that helps?
Or maybe something going wrong just on your client's pc?
Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Simple problem but can't seem to find a solution
Henry Felton wrote: Hi guys, I have a div with an repeated-x background image. This all works fine in FF but IE seems to add unwanted padding to the bottom of the image; thus leaving a white gap! Anyone have an idea about how to fix it (can't seem to find anything on the net)? Hi Henry, No idea, that is: not without seeing the page! ;-) Do you have a link to a test page, where it can be seen? Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] IE 6 rendering problem?
I am so stumped by this IE 6 problem that I couldn't even come up with a properly descriptive subject heading for this email... I also can't reproduce either problem, IE6 on Windows 2000. Sounding more and more like a client-side problem. Aaron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Centred page with CSS and scrollbars
Hi all,
I've just had my attention drawn to a small problem with a site
(http://www.bbfcontracts.co.uk/). I made this site fixed width and
centred it using this piece of CSS:
#wrapper {
width: 860px;
position: relative;
left: 50%;
margin-left: -430px;
border-left: 1px solid #33;
border-right: 1px solid #33;
border-bottom: 1px solid #33;
}
However, someone has pointed out to me that the browser window
doesn't show a horizontal scrollbar (in Safari or IE) when the
browser window is narrow. In Firefox it does show a scrollbar but it
is not possible to scroll to the left edge of the page.
Where have I gone wrong with my CSS?
Ian.
--
Ian Piper
Tellura Information Services - the web, document and information people
http://www.tellura.co.uk/
01926 811574 | 07973 156616
skype: ianmpiper
Key Minder : easy to use, inexpensive, industrial strength password
protection : http://www.tellura.co.uk/keyminder/
--
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Firefox height, min-height difference for internal 100% divs
Chris, that does the trick - thanks. I am intrigued that you thought to try that, but the fact that it works does suggest diferent rendering paths similar to has_layout. I guess the question is then, whether this should be reported as a firefox issue, or can someone come up with an explanation? Thanks anyway, I will use that to avoid having a fixed height in my floated leftcol. Tony From: Chris Ovenden [EMAIL PROTECTED] To: Tony Martin [EMAIL PROTECTED] Subject: Re: [css-d] Firefox height, min-height difference for internal 100% divs Date: Mon, 21 Aug 2006 16:05:34 +0100 But this is Firefox... On 8/21/06, Rahul Gonsalves [EMAIL PROTECTED] wrote: [snip] height:1px [/snip] Looks like a hasLayout trigger. Regards, Rahul. -- Chris Ovenden http://thepeer.blogspot.com Imagine all the people / Sharing all the world __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Removeing a colour padding
At the following URL I am trying to figure out why their is a red padding underneath Reverse Screen Colours? How do I get rid of it? Angus MacKinnon MacKinnon Crest Saying Latin - Audentes Fortuna Juvat English - Fortune Assists The Daring Web page http://www.infoforce-services.com Choroideremia Research Foundation Inc. 2nd Vice president http://www.choroideremia.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] FW: IE 6 rendering problem?
I can repro problem #1, where the green box appears under the rule. But it appears at random (apparently) and goes away as soon as you click something else. Haven't seen the other issues. Sorry I have no solution to offer--just letting you know that it's not just your client. From: Aaron Scott Hildebrandt [EMAIL PROTECTED] Date: Mon, 21 Aug 2006 11:34:56 -0500 To: Julie Hathaway [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] IE 6 rendering problem? I am so stumped by this IE 6 problem that I couldn't even come up with a properly descriptive subject heading for this email... I also can't reproduce either problem, IE6 on Windows 2000. Sounding more and more like a client-side problem. Aaron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/ -- End of Forwarded Message __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Rendering error when printing with IE
Hi, I have a design that requires an element be floated left along with being relatively positioned. However, when the element breaks over a page, the element does not render at all on subsequent pages Example: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD /HEAD BODY div style=position:relative;height:20in;background-color:red;float:left; argh! /div /BODY /HTML Fire this up in IE and open the print preview and you'll notice the column, which should break over two pages, is nowhere to be seen on the second page, even though space has been alloted to it. Has anyone seen this problem before? Regards, Chris __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Interesting columns challenge...
Hey all. I belong to afew other web design lists (who here doesn't?) and an interesting question came up. I figured I was up for the challenge, so I gave it a shot. For those that want it short and sweet, you can see what I came up with here: http://www.anekostudios.com/test/index1.html Now, the idea behind it was this: someone needed a 3 column layout - content in the center - where the two sidebars would always remain the same height, no matter which one was the longest. Trick is, the center content was to have nothing to do with the length of the sidebars. The center content could be shorter or much longer - didn't matter - but the sidebars had to always be the same length. Now, the above link works pretty well, but I was surprised to discover it's *very* messed up in IE7 (I don't have it - every time I try to install it, it screws everything up on my system), and Mozilla 1.7. Firefox 1.5 is fine, but Firefox 1.0 (on both Mac and PC) and Mozilla 1.2 look the same as Mozilla 1.7 (I don't have 1.7, BTW). Funny thing is, it works great in IE 5.2 on Mac. Go figure. Basically, in the Mozilla versions, the left column background doesn't extend down. I cannot, for the life of me, figure out why. I'm not too concerned about IE7 *right now*, but it'd be great if I could figure out why it's not working in these three versions. Would anyone have any ideas/suggestions? Thanks :) ~Shelly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] IE 6 rendering problem?
Julie Hathaway wrote: http://thebirthingwell.com I can easily reproduce the first problem in IE6 on win2K on a slow dial-up connection. Only happens on first load / clear cache, and the green overlay seems to vary in height depending on which link I click, or maybe randomly, but never taller than the menu itself. It is definitely not a client-side problem as such. Some screenshots... http://www.gunlaug.no/tos/alien/tbw_1.png http://www.gunlaug.no/tos/alien/tbw_2.png http://www.gunlaug.no/tos/alien/tbw_3.png Not sure of what fix to apply or where to apply it, but I would guess it's IE's need for Layout[1] that's causing the problem. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] FW: IE 6 rendering problem?
Laura Haywood wrote:
I can repro problem #1, where the green box appears under the rule. But it
appears at random (apparently) and goes away as soon as you click something
else. Haven't seen the other issues. Sorry I have no solution to offer--just
letting you know that it's not just your client.
( See also thread [css-d] IE 6 rendering problem? in
http://thebirthingwell.com/ )
Some suggestions in the blind!
* Change:
html { background: #ecffd1; }
body { background: url(tile.gif) repeat-x; }
* And/or add:
#wrap { position: relative; height: 1%; }
* And/or add:
#main { position: relative; height: 1%; }
* And/or add:
.prop { position: relative; }
... and maybe?
Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Interesting columns challenge...
Shelly wrote: Hey all. I belong to afew other web design lists (who here doesn't?) and an interesting question came up. I figured I was up for the challenge, so I gave it a shot. For those that want it short and sweet, you can see what I came up with here: http://www.anekostudios.com/test/index1.html Now, the idea behind it was this: someone needed a 3 column layout - content in the center - where the two sidebars would always remain the same height, no matter which one was the longest. Trick is, the center content was to have nothing to do with the length of the sidebars. The center content could be shorter or much longer - didn't matter - but the sidebars had to always be the same length. Now, the above link works pretty well, but I was surprised to discover it's *very* messed up in IE7 (I don't have it - every time I try to install it, it screws everything up on my system), and Mozilla 1.7. Firefox 1.5 is fine, but Firefox 1.0 (on both Mac and PC) and Mozilla 1.2 look the same as Mozilla 1.7 (I don't have 1.7, BTW). Funny thing is, it works great in IE 5.2 on Mac. Go figure. Basically, in the Mozilla versions, the left column background doesn't extend down. I cannot, for the life of me, figure out why. I'm not too concerned about IE7 *right now*, but it'd be great if I could figure out why it's not working in these three versions. Would anyone have any ideas/suggestions? Thanks :) ~Shelly Hi Shelly, At my side (still Win98SE) it is not working in FF1.07 either; see screenshot http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-3cols-shelly.gif. With 2 more clears it is working in FF1.0 too, but Mozilla 1.7.1 and NS6 still protesting. See testpage http://home.tiscali.nl/developerscorner/css-discuss/test-shelly-columns.htm. To compare: see also another testpage with 3 cols http://home.tiscali.nl/developerscorner/css-discuss/test-odyssey-new-a.htm. Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] validating, yet problems
Hi Franky, Well, at least I'm smiling; you seem very likable! ;-0 Your wheel is spinning pretty good, I think yo da man! Where do you live, I'm going to have to buy you a beer or somin'. Gee, and you couldn't stand that little line on the graphic, so you even fixed that and reversed it:-) That's ear to ear! That's css integrity up the ying yang; couldn't stand the thought of tables;-0 Those 2 limos were just for fill, yet I was thinking of putting 1 in the header. You lightened my lode and made my night! repeat-y 18% with the faux! Wow, what a trick! I learned a few here tonight and to come I'm sure. [EMAIL PROTECTED] wrote: I think I just invented a great thing: it is round, it can move, and I'll call it wheel! ;-) See testpage a http://home.tiscali.nl/developerscorner/css-discuss/test-odyssey-new-a.htm and so on. :-) These wheels are working on the roads of IE6, FF1.07, Opera7.54, Opera8.01 and Mozilla1.71. [1] They need as passengers some content, and a driver to guide them. Html-validator and css-validator satisfied, and Bobby too (on automated check). [2] Left sidebar is 18% of screen width, right sidebar has fixed with of 300 px, center column will fill the rest in this example. Other variants are posible of course. The 2 limo's just fit in a 800x600 resolution. IE is glad it can present a scalable font-size to his visitors. Maybe some use? You gotta be kidding! :-) [2] Some hidden jump to main content You think this needs jump to main content ? Big Time Thanks! Scott __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Where CSS, XHTML and Javascript meet
I realize this is a bit of a scripting issue, but I'm seeking a solution from the CSS community as it regards a fundamental style change and a desire to validate in XHTML. I am trying to create a page with a body background image that will randomly change when the page is reloaded. After seeking out numerous solutions, I settled on one that works using Javascript to change the image style within the body tag of my document. http://www.liquidterrain.com/index.html This doesn't validate as XHTML largely because the body tag is wrapped within the implemented script. I imagine this would also break the entire page if the client's Javascript was turned off. Is anyone aware of a method to randomly change the body style, perhaps by randomly loading a different style sheet? Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Pruned test case to try in Opera, Safari, IE5.x on Mac OS9.
Dear Folks, I have now made a single page that won't take nearly so long to load with all the CSS inline, irrelevant CSS excised, and with two menus: http://linus.nicku.org/test-with-empty-div.html * The first menu solves the problem of the margin under the menu with an empty div containing only a nbsp; --- Horrible HTML for layout! Although this HTML hack works, it mixes presentation with the content, and I really hope to be able to find a better way. * The second menu is made with a div that wraps it. The bottom margin seems to displace the popups vertically upwards (in Opera only as far as I can tell). This problem seems to be related to my understanding of floats. I will be grateful to be able to learn from you people. Please could someone with Mac OS9 and Mac OSX and Safari let me know if the menus work there? -- Nick Urbanik RHCE http://nicku.org[EMAIL PROTECTED] GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24 pgpJ2oEZWXAhS.pgp Description: PGP signature __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] UBER newbie question
Christian Heilmann wrote: On 8/21/06, david [EMAIL PROTECTED] wrote: Christian Heilmann wrote: And the big benefit to using strong and em - if CSS is off, the visitor at least gets some indication that those particular words/phrases have a bit more importance than their surrounding text. How is that different from b and i ? The main difference is that b and i are visual only whereas strong and em give the text semantical meaning. Underline is the same thing: It is only visual and doesn't have any semantic meaning. On the web it is even more confusing as underlined text indicates a link and not an emphasis. Therefore simulating u with spans is just not sensible. No difference. strong or em vs b or i - the first two describe something of the meaning of the enclosed text. The last two just say make it bold or italic. But the tag names are a constant reminder to not think purely in visual terms. Yes, but there is no bold or italic for an aural user agent, so there is a massive difference in between them. I've always been curious about just what an aural user agent does with tags like strong, em, b and i. Anyone know? -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Where CSS, XHTML and Javascript meet
You're right, a bit off-topic, as is my answer. You could use php, ie have
more contro, as it's server-side ie
the php array
$classes = array('class1', 'class2', 'class3'); ?
the xhtml with php dynamics
body class=?php echo array_rand($classes); ?
then in the css, for example
body .class1 {
background: url(/images/class1.jpg);
}
body .class2 {
background: url(/images/class2.jpg);
}
...let me know if this is a viable approach for you and we can continue off
list.
--
http://www.web-buddha.co.uk
http://www.projectkarma.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Pruned test case to try in Opera, Safari, IE5.x on Mac OS9.
Nick Urbanik wrote:
http://linus.nicku.org/test-with-empty-div.html
* The first menu solves the problem of the margin under the menu with
an empty div containing only a nbsp; --- Horrible HTML for layout!
Although this HTML hack works, it mixes presentation with the
content, and I really hope to be able to find a better way.
Just delete that hack. It isn't needed.
h2 {clear: both; padding-top: 1em; margin-top: 0;}
h1 {margin-top: 0;}
...will work better, but consistency across browser-land can not be
expected because there's a problem with 'collapsing margins'[1] in that
page.
* The second menu is made with a div that wraps it. The bottom
margin seems to displace the popups vertically upwards (in Opera only
as far as I can tell).
Solution first - add...
div.navWrapper {padding-top: 1px;}
...which indicates a 'collapsing margin', but I'm not sure which one it is.
A quick test shows the presence of 'collapsing margins' all over the
place - and browsers treat those margins slightly different.
My test-style is too rough for normal implementation, but if someone
wants to hunt 'collapsing margins' then the following might come handy...
body * {display: table; _height: 1%; }
body img {display: inline;}
...and it sure has an effect on that page. Firefox, IE6 and Opera lines
up as if they were cloned, with only the margin-defaults on paragraphs
which differs.
regards
Georg
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Where CSS, XHTML and Javascript meet
Tim Wolf wrote: I realize this is a bit of a scripting issue, but I'm seeking a solution from the CSS community as it regards a fundamental style change and a desire to validate in XHTML. I am trying to create a page with a body background image that will randomly change when the page is reloaded. After seeking out numerous solutions, I settled on one that works using Javascript to change the image style within the body tag of my document. Hi Tim I did a little experiment and write up a while back regarding exactly this issue. You can find the write up and sample code at http://www.thought-after.com/2006/05/26/css-random-background-image-rotation/ Hope it helps Regards -- Scott Swabey Design Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 in SuckerFish dropdown
Have an annoying extra white space in Suckerfish dropdown. In IE6 only, of course. Is this a hasLayout issue? Read the article and couldn't quite see where this could affect this. http://www.iyesolutions.co.uk/templates/menu-template.html Cheers Ian **IMPORTANT* *** This e-mail contains information which is confidential and may also be privileged. It is for the exclusive use of the intended recipient(s). If you are not the intended recipient(s) please note that any form of, distribution, copying or use of this e-mail or the information in it is strictly prohibited and may be unlawful. If you have received this in error please inform us at the above address then delete the e-mail and destroy any copies of it. Thank you. -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.11.3/423 - Release Date: 18/08/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Interesting columns challenge...
Francky - Thanks so much for that - I feel like that was a duh moment! I;m usually the one telling people that when columns don't go down, you need to clear the float. Thanks for that reminder - now it's working in everything I've got - *except* Netscape 7 - Works fine in Netty 8, though! - and IE7 (as far as I know). I still can't believe it's working in IE for Mac. If you have a suggestion as to *why* it's not working in Netscape 7/IE7, I'd appreciate any input. But thanks again :) ~Shelly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] adding a global override in a style
Hi all, I have a couple of questions regarding a new site I put up today. (Welcome any feedback too!). http://www.co-op7.org/ http://www.co-op7.org/stylesheets/coop7.css Having a typesetting background, I have strong feelings for appropriate amounts of Space Before and Space After a paragraph. So I make classes like .smallmargintop to reduce the space above an h2 that follows an h1, as well as the class .extraspacebefore to add more space before some headers. But these only work on regular p h1 and h2 etc tags. As soon as I get specific with sub sections, like #sidebar h1 #profile p and so on, the classes I created to override inter paragraph spaces don't work. Is there a simple way to make classes like these always override the style? I do I have to make styles like #sidebar h1.smallmargintop and so on for every combination hope that make sense, thanks, Trish -- -- Trish Meyer, Webmaster VIVA Gallery The Valley Institute of Visual Arts http://www.vivagallery.org Email: [EMAIL PROTECTED] Mailing List: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Please Help! Footer vanishes in IE
Hello all - I have a problem I've never encountered before: a positioned element just vanishing (poof!) in IE 6. I've successfully accomplished this same technique (absolutely positioning a footer OUTSIDE the bottom of a wrapper div) many times before, but just can't understand why it isn't working this time. Here's the link: http://www.x7m.us/_clients/terapad/alpha/ If you look at this page (scroll to the bottom) in FF, O, or N everything is great - the footer is positioned as per spec. Look at the same area in IE though, and it's gone. It's very simple: got a wrapper div that's got relative positioning. Inside the wrapper there's UL which I'm using as a footer. This footer is absolutely positioned bottom: -25px; right: 0; As noted, it works fine in everything but IE. In IE, it just disappears all together. Here's the messy part: this design is one of 6 designs I'm doing for a new blogging site. Accordingly, the HTML structure is locked down so I can't change the flow of the document except by positioning - otherwise, I'd just put the ul physically outside the wrapper div. If anyone has ANY idea what is happening here in IE, and what I can do to fix it, I'd be greatly appreciative. Thanks to all in advance. Cole __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Firefox height, min-height difference for internal 100% divs
Chris Ovenden wrote:
#outer {
background-color: red; width: 100%; min-height: 400px; height:1px
}
Tony Martin wrote:
that does the trick - thanks. I am intrigued that you thought to
try that,
but the fact that it works does suggest diferent rendering paths
similar to
has_layout. I guess the question is then, whether this should be
reported
as a firefox issue, or can someone come up with an explanation?
Don't do that if you care about Safari, Opera and Konqueror. They
display the floated box as 1px tall.
iCab 303 and Gecko based browsers expand the floated box to the min-
height of the other box but no more; if the content of your other
column exceeds the min-height, two things happen: the floated box
doesn't grow any more, and the background on the box with height and
min-height doesn't grow either (that is the correct behaviour).
Here is a test file
http://dev.l.c-n.com/_temp/test20060822.php
I have a hard time understanding the behaviour of Gecko and iCab.
I'll have to review the css 2.1 docs to make sure who's wrong here.
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 hovering
Hi Every body:
I am trying to create a drop down simple menu. I am having a problem
only with IE6 only. The menu drops down when Ith emouse is over the
main item. However it disappears soon when I move th emouse down to the
bottom I tems. here is what I have:
ul
{
background-color:darkblue;
color:white;
text-align:right;
display:block;
padding:0 10px;
}
ul li
{
z-index: 500;
cursor:pointer;
cursor:hand;
display:inline;
position:relative;
}
ul li div
{
z-index: 500;
position:absolute;
display:none;
list-style:none;
left:0;
width:120px;
float:left;
}
ul li:hover div , ul li div:hover
{
position:absolute;
display:block;
}
ul li div a:hover
{
background-color:blue;
display:block;
}
ul li div a
{
z-index: 50;
display:block;
margin: 1px 0;
color:white;
background-color:darkblue;
text-align:right;
font-size:8pt;
clear:both;
position:relative;
}
+
and the HTML is:
ul
li
Documentation
div
a href=webArticles/a
a href=javaWhite papers/a
a href=linuxGuides/a
/div
/li
/ul
now I have noticed that the menu disappears when I go down to let's say
Guides link. This links is posined above another box. I mean th ebox
is behind this item in the body of the document. How do I get around
this. please advice me, as I have been trying for the last few days.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] YUI Navigation Tabs: IE5.0/PC. IE5.2/Mac
Hi, http://developer.yahoo.com/ypatterns/examples/tabs.html I am having a heck of a time trying to figure out how to get the above tabbed navigation to work in IE5.0/PC. IE5.2/Mac (main tabs span 100% width of the page.) Just wondering if anyone can quickly look-over the css (view source) and point-out some areas that might be causing the above browser versions to break. Hehe, unfortunately my CSS-hacking skills are not very developed. Have a good day/night. Cheers, Micky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Rt. Clmn spills into Main when browser is smallr
Hi Experts;-)
http://videointegrations.com/odyssey/index1.html
The #sidebar_rt content is spilling into the #main_content1 when browser
width is less then 995 aprox.
Client would like the dark gray bars, #sidebar_left, and #main_content1,
to all remain in tact when zoomed,
so that leaves #sidebar_rt as the variable? Anyone have any suggestions?
Also in NS 7.1 the limo pict is sitting to the left even though I've got:
#header { background-image: url(../img/limo2.gif); background-repeat:
no-repeat; background-position: right -9px;
Thanks,
Scott
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] adding a global override in a style
Trish Meyer wrote:
http://www.co-op7.org/
http://www.co-op7.org/stylesheets/coop7.css
Having a typesetting background, I have strong feelings for
appropriate amounts of Space Before and Space After a paragraph.
So I make classes like .smallmargintop to reduce the space above an
h2 that follows an h1, as well as the class .extraspacebefore
to add more space before some headers. But these only work on regular
p h1 and h2 etc tags.
As soon as I get specific with sub sections, like
#sidebar h1
#profile p
and so on, the classes I created to override inter paragraph spaces don't
work.
Is there a simple way to make classes like these always override the
style? I do I have to make styles like
#sidebar h1.smallmargintop
and so on for every combination
hope that make sense,
thanks,
Trish
Hmm. You make sense-- sort of. I am not so sure if my reply will make
sense-- at all:
Headings reflect the logical structure of the document. They are not be
used to add emphasis, or to change the font size. And most of the time
there is only one h1 heading, and it is the title of the page. It is
much easier to set the fonts for a document that is source ordered
(primary content first).
Even a complex page seldom needs classes to set lead. If your
typesetting background is hot-metal then think along similar lines. Use
margin-top and bottom on the headings as you would lead. And sometimes
line-height is used with headings, too (but that can get tricky). Use
margin-top and bottom for the paragraphs. And line-height (it usually a
raw number) to lead the sentences (lines) of p. An exception to the
class might be a last paragraph that would be p.last with a deeper
margin bottom (although you could pad the bottom of its container,
instead; or, use br.lead {line-height: 2.5 or whatever; ). You can then
vary specific and individual selectors by changing the font-size and/or
margin/line-height.
Best,
~dL
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Please Help! Footer vanishes in IE
Cole Kuryakin wrote:
Hello all -
I have a problem I've never encountered before: a positioned element just
vanishing (poof!) in IE 6.
I've successfully accomplished this same technique (absolutely positioning a
footer OUTSIDE the bottom of a wrapper div) many times before, but just
can't understand why it isn't working this time.
Here's the link: http://www.x7m.us/_clients/terapad/alpha/
[...]
Hi Cole,
Adding
* html #bottom_nav { position: relative; }
will help (or, better, a cond. comment).
See testpage
http://home.tiscali.nl/developerscorner/css-discuss/test-alpha.htm.
Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Firefox height, min-height difference for internal 100% divs
On Aug 22, 2006, at 9:14 AM, Philippe Wittenbergh wrote:
Chris Ovenden wrote:
#outer {
background-color: red; width: 100%; min-height: 400px; height:1px
}
Tony Martin wrote:
that does the trick - thanks. I am intrigued that you thought to
try that,
but the fact that it works does suggest diferent rendering paths
similar to
has_layout. I guess the question is then, whether this should be
reported
as a firefox issue, or can someone come up with an explanation?
Don't do that if you care about Safari, Opera and Konqueror. They
display the floated box as 1px tall.
iCab 303 and Gecko based browsers expand the floated box to the min-
height of the other box but no more; if the content of your other
column exceeds the min-height, two things happen: the floated box
doesn't grow any more, and the background on the box with height and
min-height doesn't grow either (that is the correct behaviour).
Here is a test file
http://dev.l.c-n.com/_temp/test20060822.php
I have a hard time understanding the behaviour of Gecko and iCab.
I'll have to review the css 2.1 docs to make sure who's wrong here.
Oooops the correct url is:
http://dev.l-c-n.com/_temp/test20060822.php
thanks David.
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] CSS SCROLLING BUG
Im having a problem with the advertisment scrolling with the div in the lower
right corner in IE but not Firefox. The problem I'm having in IE is that the
advertisment at the top of the page which is in a div is scrolling fixed like
the youtube ad. Attached is a myspace page that you will see scrolls with the
ad fixed. I am realizing that the solution is the html body css but im not sure
how to make it exclude the ad at the top of the page. Perhaps there is a way to
reference the nth div on the page? I can only change the following code to fix
the solution.
style media=all type=text/css
html, body {
overflow: auto; margin: 0; padding: 0;
}
.div3 { position: absolute; bottom: 0; right: 0; }
/style
div class=div3
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Please Help! Footer vanishes in IE
Francky -
Beautiful. Worked like charm! But I'm terribly confused... WHY did this
work?
I actually tried position relative previously, and while that DID work for
IE, it bunched the footer up against the bottom of the nav area (as would be
expected). But your * html ... solution did the trick for all. Is the *
html in some way targeting just ie??? I thought preceding a rule with *
made the rule global (so to speak) for all elements that fell structurally
within that rule. Am I wrong?
Is there a link you can provide that will explain to me why this worked?
In the short term, great thanks to you for this assistance.
Cole
PS: Yes, I'd prefer to use a conditional comment to control this for IE, but
the boss says that only one stylesheet per design is allowed.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of francky
Sent: Tuesday, August 22, 2006 10:33 AM
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Please Help! Footer vanishes in IE
Cole Kuryakin wrote:
Hello all -
I have a problem I've never encountered before: a positioned element just
vanishing (poof!) in IE 6.
I've successfully accomplished this same technique (absolutely positioning
a
footer OUTSIDE the bottom of a wrapper div) many times before, but just
can't understand why it isn't working this time.
Here's the link: http://www.x7m.us/_clients/terapad/alpha/
[...]
Hi Cole,
Adding
* html #bottom_nav { position: relative; }
will help (or, better, a cond. comment).
See testpage
http://home.tiscali.nl/developerscorner/css-discuss/test-alpha.htm.
Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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
IE7b2 testing hub -- 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] Where CSS, XHTML and Javascript meet
Tim Wolf wrote:
I realize this is a bit of a scripting issue, but I'm seeking a solution from
the CSS community as it regards a fundamental style change and a desire to
validate in XHTML.
I am trying to create a page with a body background image that will randomly
change when the page is reloaded. After seeking out numerous solutions, I
settled on one that works using Javascript to change the image style within
the body tag of my document.
http://www.liquidterrain.com/index.html
This doesn't validate as XHTML largely because the body tag is wrapped
within the implemented script. I imagine this would also break the entire
page if the client's Javascript was turned off.
Hi Tim,
No, in Firefox and Opera it's easy to turn off js, and the page is not
broken, only showing a beautiful white background. :-)
Is anyone aware of a method to randomly change the body style, perhaps by
randomly loading a different style sheet?
Thanks.
For this,
1. I should take a normal body
2. In the body {...} css you define a default background image for in
case js is disabled.
3. In the html, immediately after the body, you can add by script a
new div: document.write('div style=background: .../ the
turning round machine /...')
4. Then normal html follows.
5. Just before /body you close the extra /div by script again.
What is opened in script, now is closed in script too. And if script
disabled, both are ignored: balance is there! :-) .
I think this way it must be validating. [1]
Greetings,
francky
[1] Technically! @ some of the actual random backgrounds the text is not
good readable or not at all readable: because of colors and/or structure
of the img. So for me the white background at disabled javascript
doesn't seem too bad at all! And the other way round: the images deserve
more as text crossing over it. - But this is a personal view... ;-)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] CSS SCROLLING BUG
Gigaboy20 wrote:
Im having a problem with the advertisment scrolling with the div in
the lower right corner in IE but not Firefox. The problem I'm having
in IE is that the advertisment at the top of the page which is in a
div is scrolling fixed like the youtube ad. Attached is a myspace
page...
Attachments don't get through to the list, but I received one off-list.
style media=all type=text/css
html, body { overflow: auto; margin: 0; padding: 0; } .div3 {
position: absolute; bottom: 0; right: 0; } /style div
class=div3
For the archive (since I've sent a complete solution off-list already):
the disturbing element is a javascript-generated iframe with an extreme
STYLE='position: relative; z-index: 1'. The simulated position:
fixed makes it freeze to the window and overlap the scrolling page in
IE/win.
The solution is of course to target the generated iframe and make it
behave as an ordinary, non-positioned, scrolling element.
This does it...
* html body div table td iframe {position: static!important;}
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] adding a global override in a style
At 9:40 PM -0400 8/21/06, ~davidLaakso wrote:
http://www.co-op7.org/
http://www.co-op7.org/stylesheets/coop7.css
Even a complex page seldom needs classes to set lead. If your
typesetting background is hot-metal then think along similar lines.
Use margin-top and bottom on the headings as you would lead. And
sometimes line-height is used with headings, too (but that can get
tricky). Use margin-top and bottom for the paragraphs. And
line-height (it usually a raw number) to lead the sentences (lines)
of p. An exception to the class might be a last paragraph that would
be p.last with a deeper margin bottom (although you could pad the
bottom of its container, instead; or, use br.lead {line-height: 2.5
or whatever; ). You can then vary specific and individual selectors
by changing the font-size and/or margin/line-height.
I first set line-height to be appropriate in case a header wraps
around two lines, then I set top and bottom margins to space it
around paragraphs.
I could always add a deeper margin to a p.last I suppose, but the
same problem occurs with getting it to work. Let's say I have defined
p differently in different sections of a site (#sidebar, #content,
#profile, etc. )
Do I have to define this larger margin-bottom to specific selectors like
#sidebar p.last, #content p.last, #profile p.last {
margin-bottom: 2em;
}
I can't seem to create a style called just
.last { margin-bottom: 2em; }
and apply it to any paragraph anywhere in any div when the layout
calls for extra space?
Even adding !important doesn't work?
(Boy, I'd kill for the Adobe Paragraph palette in CSS...yeah, yeah, I
knowG)
Trish
--
--
Trish Meyer, Webmaster
VIVA Gallery
The Valley Institute of Visual Arts
http://www.vivagallery.org
Email: [EMAIL PROTECTED]
Mailing List: [EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
