Re: [css-d] IE 7 does not display footer where FF does, Surprise!
Scott Brasted wrote: www.gardenworks-wny.com/ You guessed it, another ie 7 peculiarity. Is it. Or could it be you done got one peculiar construct :-) ? I have a footer that works in FF3, Opera, and Safari. It appears just below the main text. In IE7 it is several inches down. I tried to put in an ie7 only style sheet. I have never done it before and I am not sure it is right. Anyway, it does not work. So I am looking for advice on what I have done wrong or what I have overlooked in ie7 to solve the problem. Either way, my twisted sister , who has a clearer head, a clearer mind, and a penchant for a clean sheet than I'll ever have, finds somewhat better results-- even among compliant browsers. Quick checked at text-size largest in IE 6/7, at +3 font-scaling in FF, Safari, Camino, and SeaMonkey. And at min-font-size 32px in Opera. No hacks needed (other than those compliant browsers ignore because they know better :-) ). Please see: http://chelseacreekstudio.com/ca/cssd/garden/ css: embedded note: image cropped __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Is it possible to implement a variable height for a block box with CSS?
Hi, All Suppose the following markup: div class=container div class=top.../div div class=bottom.../div /div The height of both the container and the top boxes is variable. What I want is to make the top edge of the bottom box situated just below the top box and the bottom edge of the bottom box situated just above the bottom edge of the container box, so the height of the bottom box is also variable. Can this be implemented with CSS? If not, is there any other approach? Thanks in advance. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to implement a variable height for a block box with CSS?
To: css-d@lists.css-discuss.org
Subject: [css-d] Is it possible to implement a variable height for a
block box with CSS?
Hi, All
Suppose the following markup:
div class=container
div class=top.../div
div class=bottom.../div
/div
The height of both the container and the top boxes is variable. What I
want
is to make the top edge of the bottom box situated just below the top
box
and the bottom edge of the bottom box situated just above the bottom
edge of
the container box, so the height of the bottom box is also variable.
Can
this be implemented with CSS? If not, is there any other approach?
This is fairly basic CSS box model unless I misunderstand the question.
Try this
body {background:#fff;margin:0}
.container {width:700px;margin:0 auto;background: green}
.top {width:500px;margin:10px auto 0;background:red}
.bottom {width:500px;margin:0 auto;background:blue}
Background colours there for illustration.
Cheers
Ian
IYES
SEO Solutions
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] UL List StairStep in IE7
I have a page here: http://www.lane-consulting.com/Tests/PRA/BIRC.php I floated an image to the left. I then have content to the right of the image flowing down the page. I have a bulleted list Professional Specialties that starts about even with the lower third of the picture. The list is about 4 bullets longer than the picture - so in FF 3.0.8 and in IE8 I get the list flowing straight down with no change in the left edge of the bullets. But in IE7 the lower four bullets are out dented to be even with the edge of the image. Is there an easier way to do this? Should I float the image like I did or what would be a better way to do this? Thanks! __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Getting CSS to work in HTML forms generated by Perl
Hi,
Some of the (HTML) forms on my website are generated ‘on the hoof’ by a perl
script. I ‘m having problems formatting these pages using CSS within the perl
script.
Inline styles work OK e.g. when embedded in the FORM part of the perl script:
print p style=\color: red\; \font-family: Arial\;
\margin-left: 25px\;
but this would be extremely tedious to implement for all the tags that I wish
to format.
An internal style sheet such as:
style type=text/css
p {
color: red;
}
/style
is either ignored or generates error messages.
External style sheets, called with either ‘link ref..’ or �...@import url…’ are
ignored.
Help please! I’d be grateful if anyone can let me know how to make either the
internal or (preferably) the external style sheet work from within a perl
script.
Many thanks
Mel
Mel Myers BSc(Hons) MEd AFBPsS CPsychol
Chartered Psychologist
Coaching in People Problems
web: Skype: Mel.Myers
Find out about my new book 'Managing Difficult Conversations at
Work'www.reflectiveprocess.co.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Etting CSS to work in HTML forms generated by Perl (2nd attempt!)
Apologies for previous email –the examples I gave actually transformed and
mangled some of the email while, themselves, being invisible! I’m having
another go –this time ‘neutralizing’ the code.
Some of the (HTML) forms on my website are generated ‘on the hoof’ by a perl
script. I ‘m having problems formatting these pages using CSS within the perl
script.
Inline styles work OK e.g. when embedded in the FORM part of the perl script:
[print p style=\color:red\; \font-family: Arial\; \margin-left:
25px\; ]
but this would be extremely tedious to implement for all the tags that I wish
to format.
An internal style sheet such as:
[style type=text/css
p {
color: red;
}
/style]
is either ignored or generates error messages.
External style sheets, called with either ‘link ref..’ or �...@import url…’ are
ignored.
Help please! I’d be grateful if anyone can let me know how to make either the
internal or (preferably) the external style sheet work from within a perl
script.
Many thanks
Mel
Mel Myers BSc(Hons) MEd AFBPsS CPsychol
Chartered Psychologist
Coaching in People Problems
web: Skype: Mel.Myers
Find out about my new book 'Managing Difficult Conversations at
Work'www.reflectiveprocess.co.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Getting CSS to work in HTML forms generated by Perl
This is how we do it...
open CSS, /home/username/public_html/orderform.css;
while ( CSS )
{
$csstext .= $_;
}
close CSS;
printend_results;
html
head
titleOrder Form/title
STYLE TYPE=text/css
!--
$csstext
--
/STYLE
/head
body.../html
end_results
}
Note that the path is relative to the machine root and not your web root.
Mike
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Getting CSS to work in HTML forms generated by Perl
From: mel myers Some of the (HTML) forms on my website are generated on the hoof by a perl script. I m having problems formatting these pages using CSS within the perl script. The key here is to separate out unrelated concerns. You have two problems to work on, not one. But that makes it much easier to solve. Problem One: Forget about Perl completely, and create a pure HTML page by hand that works the way you want, with the CSS and everything it needs. Problem Two: Now that you have a working HTML page, create or update the Perl code to generate that page. For Problem One, you can start with your existing page that has trouble. Just do a Save As... in the browser and save the HTML source only (not Web page, complete) to a file. Or do a View Source and save it from there. By splitting the task this way, you will be able to concentrate on finding out just what is wrong with the CSS you're generating without being distracted by Perl issues. Once you do that it should be simple to get Perl to generate that code. If you solve Problem One and still have trouble with Problem Two (the Perl side), that would be outside the scope of this mailing list, but there are Perl lists where you could get help with that part. If there's trouble with Problem One, then of course this is the place to ask. Makes sense? -Mike __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opacity used on div container
Rich Pena wrote: Hello, I have a piece of CSS code that I'm trying to use, but am having trouble with positioning in Firefox and IE 6/7 It's some CSS code that causes a div to be semi-transparent. Below is the code: filter: alpha(opacity=55); -moz-opacity: .55; top:175px; left:760px; position:absolute; [...] Tim Snadden sent you a comprehensive reply. I just want to add that your filter won't work in IE 8. You need this: -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55); (Note the quote marks!) Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] UL List StairStep in IE7
This appears to be an issue in both IE6 and IE7 Is there a way to keep the bullets lined up vertically when there is an image inserted (floated) to the left of the text? Basically I want the paragraph following the UL to wrap over below the image, but I want the UL to remain vertically aligned with the beginning edge of the UL. Example at: http://www.lane-consulting.com/Tests/PRA/BIRC.php __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] UL List StairStep in IE7 and IE6
This is working as intended in FF 3.0.8 and in IE 8. But it is not working as intended in IE6 and IE7. Is there a way to keep the bullets lined up vertically when there is an image inserted (floated) to the left of the text? Basically I want the paragraph following the UL to wrap over below the image, but I want the UL to remain vertically aligned with the beginning edge of the UL. Presently in IE6 and IE7 I get a stair step affect where the UL hits the bottom edge of the image and it out dents the rest of the bullets over to the left. Example at: http://www.lane-consulting.com/Tests/PRA/BIRC.php __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] UL List StairStep in IE7 and IE6
Or, even simpler, float all images to the right. Conjurer wrote: This is working as intended in FF 3.0.8 and in IE 8. But it is not working as intended in IE6 and IE7. Is there a way to keep the bullets lined up vertically when there is an image inserted (floated) to the left of the text? Basically I want the paragraph following the UL to wrap over below the image, but I want the UL to remain vertically aligned with the beginning edge of the UL. Presently in IE6 and IE7 I get a stair step affect where the UL hits the bottom edge of the image and it out dents the rest of the bullets over to the left. Example at: http://www.lane-consulting.com/Tests/PRA/BIRC.php __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opacity used on div container
HelloTim, I tried your suggestions and they worked great! Thanks for you help. I spent a whole day trying to figure out the answers and remembered that I had joined the CSS-D discussion group a while back. Your expertise is much appreciated. Regards, Rich On Mon, 27 Apr 2009 15:36 +1200, Tim Snadden li...@snadden.com wrote: filter: alpha(opacity=55); I would put this in a separate stylesheet included via conditional comments, but this isn't crucial. -moz-opacity: .55; You should replace this with 'opacity: .55; ' This will apply to all standards compliant browsers. e.g. Opera, safari, firefox. 1. The top and left positioning seem to be fixed based on the browser size/screen resolution. So it looks correct in my laptop, but when someone else looks at it in their laptop and their resolution, it looks incorrect. The positioning is off. Positioning is set in relation to the nearest positioned ancestor. I can't see your code but I would suggest you look for an appropriate ancestor element and apply 'position: relative;' then reset your top and left values. 2. The opacity setting filter: alpha(opacity=550 (which is what is used for IE 6/7) doesn't work if the position attribute is not set to absolute. I suspect you need to trigger hasLayout in IE (http://www.satzansatz.de/cssd/onhavinglayout.html ). There are several ways to do this. One is the proprietary 'zoom: 1;'. Also, remember to set a background color on the element or text may go jaggy. cheers, Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] UL List StairStep in IE7 and IE6
Do I just need to use display: inline-block as opposed to display: block? --- This is working as intended in FF 3.0.8 and in IE 8. But it is not working as intended in IE6 and IE7. Is there a way to keep the bullets lined up vertically when there is an image inserted (floated) to the left of the text? Basically I want the paragraph following the UL to wrap over below the image, but I want the UL to remain vertically aligned with the beginning edge of the UL. Presently in IE6 and IE7 I get a stair step affect where the UL hits the bottom edge of the image and it out dents the rest of the bullets over to the left. Example at: http://www.lane-consulting.com/Tests/PRA/BIRC.php __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] UL List StairStep in IE7 and IE6
Presently in IE6 and IE7 I get a stair step affect where the UL hits the bottom edge of the image and it out dents the rest of the bullets over to the left. Example at: http://www.lane-consulting.com/Tests/PRA/BIRC.php You may have changed your example, but all you need to do is set margin-left to 0. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FF3 and IE8 vertical spacing issue below linked image
My apologies if this has been covered already but I looked through the archives and spent a good bit of time searching the standard sources and came up empty. I'm sure it's a known issue but I just wanted to verify because it's something that seemed strange to me and I wondered how I'd missed it before today. Basically I noticed that when I had a linked image with text underneath it (text enclosed in paragraph tags), Firefox 3.0.9 and IE8 are applying different vertical spacing between the image and the text depending on whether I do a hard return in my text editor before the closing anchor tag or leave the anchor tag on the same line as the image source. I'm using Dreamweaver code view for my editor and when I have the /a on a separate line, I get more vertical spacing (about 5 pixels more) than when I have the /a on the same line as the image source markup. I made a demo page here with some description on it and you can view the source to see the difference in the markup of the 2 examples: http://gobama.ua.edu/test/extraspace_ff3_ie8/ (again, the difference is only about 5 pixels so you have to look pretty close to see it, but if you look at the capital T it's pretty obvious.) Since IE has a history of having white space bugs, I wasn't surprised to see this in IE, but I don't ever recall Firefox getting picky about something like whether I put my /a on a separate line or not. Is this just a known bug or issue in FF3 or Firefox in general that I've been completely ignorant about? Or do I have some stupid error in my code that is causing this? This problem does not seem to be occurring in IE7, Chrome 1.0, Safari 4 (Win), or Opera 9, and I don't recall it happening in FF1 or FF2 but maybe it did. By the way, I zeroed out/reset the padding/margins/borders on the p and img in the demo page, but I found the same behavior even when I had no styles set. I just reset to 0 because it makes it easier to see the spacing difference. Thanks, Brian Jones Brian Jones Web Communications Specialist The University of Alabama bjo...@ur.ua.edu 205.348.8315 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FF3 and IE8 vertical spacing issue below linked image
Is this just a known bug or issue in FF3 or Firefox in general that I've been completely ignorant about? Or do I have some stupid error in my code that is causing this? The issue is that the image is being displayed as an inline element and therefore has some space under it for descenders in the text. If you set it to block it won't have a space below it any more. Cheers, Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FF3 and IE8 vertical spacing issue below linked image
On 28/04/2009, at 9:39 AM, Tim Snadden wrote: Is this just a known bug or issue in FF3 or Firefox in general that I've been completely ignorant about? Or do I have some stupid error in my code that is causing this? The issue is that the image is being displayed as an inline element and therefore has some space under it for descenders in the text. If you set it to block it won't have a space below it any more. Sorry - I guess I didn't really address the question directly. But this is one way of resolving issues that can be caused by this extra space. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FF3 and IE8 vertical spacing issue below linked image
Jones, Brian wrote:
http://gobama.ua.edu/test/extraspace_ff3_ie8/
(again, the difference is only about 5 pixels so you have to look pretty
close to see it, but if you look at the capital T it's pretty obvious.)
Brian Jones
Does adding this close the gap?
img {display: block;}
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FF3 and IE8 vertical spacing issue below linked image
Tim: Thanks for the quick response. I suspected the inline vs. block thing
was involved somehow and had discovered that setting image to block resolved
the issue. I also had pretty much decided that's the reason I've never noticed
this before - because in most situations I'm containing an image in a div so
it's within a block context.
I know that probably sounds ungrateful or yeah I knew that but that's not the
way I mean it. I should have mentioned all that in my original email but it was
getting long! :)
David: Yes, setting img {display:block;} does solve the problem but I'm more
curious about why the difference with the line break before the /a tag.
I guess part of my question is would this be considered a bug in FF or just the
way it happens to render? I can't think of any other situation where a hard
return before something like a closing anchor tag causes a difference in
spacing on FF but perhaps that is the case with inline elements?
Also, it's interesting that IE7 did not have this problem (if it's a problem at
all) and now IE8 does.
Thanks again for responding!
Brian
Brian Jones
Web Communications Specialist
The University of Alabama
bjo...@ur.ua.edu
205.348.8315
-Original Message-
From: Tim Snadden [mailto:li...@snadden.com]
Sent: Monday, April 27, 2009 4:40 PM
To: css-d@lists.css-discuss.org
Cc: Jones, Brian
Subject: Re: [css-d] FF3 and IE8 vertical spacing issue below linked image
Is this just a known bug or issue in FF3 or Firefox in general that
I've been completely ignorant about? Or do I have some stupid error
in my code that is causing this?
The issue is that the image is being displayed as an inline element
and therefore has some space under it for descenders in the text. If
you set it to block it won't have a space below it any more.
Cheers, Tim
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS with negative positions
I am interested in some feedback on some CSS test cases that I put together. They combine div's, img's, absolute, relative, top, bottom, right, left, percentages in 24 different ways. These test cases were reductions from some real world problems that I was encountering. I believe this: http://www.yogurtearl.com/cssNegativePercentageTest.html Should look like this: http://www.yogurtearl.com/reference.png No browser seems to get it 100% right (Opera and Chrome, do the best). Did I miss interpret the spec? Do these test case touch undefined parts of the spec? Thanks, Michael __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS with negative positions
On Apr 28, 2009, at 6:09 AM, Yogurt Earl wrote: I am interested in some feedback on some CSS test cases that I put together. They combine div's, img's, absolute, relative, top, bottom, right, left, percentages in 24 different ways. These test cases were reductions from some real world problems that I was encountering. I believe this: http://www.yogurtearl.com/cssNegativePercentageTest.html Should look like this: http://www.yogurtearl.com/reference.png No browser seems to get it 100% right (Opera and Chrome, do the best). Did I miss interpret the spec? Do these test case touch undefined parts of the spec? Hmm lots of (interesting) variations on this one ! IE 8 and Gecko (fx 3 and newer), Safari 4b render the same. Opera 10 is different. WebKit latest nightly is again different. And of course, IE 7 is again different from everybody else. The main issue in this test is: can / should a (negative) percentage offset from top (top : -50%) compute to something other than '0' when the immediate parent has _no_ specified height - and is not absolute positioned ? The consensus in the CSS working group is that it should be possible to calculate such and offset http://lists.w3.org/Archives/Public/www-style/2007Aug/0139.html http://www.w3.org/TR/2007/CR-CSS21-20070719/changes.html#q53 http://www.w3.org/TR/CSS21/visuren.html#position-props This latest change has been incorporated in WebKit nightlies (but not Safari 4beta). But it apparently mangles something else, as most of the red squares don't appear… Gecko has an open bug on this issue: https://bugzilla.mozilla.org/show_bug.cgi?id=260348 The next question is: should this equally apply to a set up where the immediate parent has min-height instead of height applied… (I think the answer should be yes, as seen in Opera). Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] UL List StairStep in IE7
I'd put all the text in a div of it's own, then float the image left of that. Conjurer wrote: This appears to be an issue in both IE6 and IE7 Is there a way to keep the bullets lined up vertically when there is an image inserted (floated) to the left of the text? Basically I want the paragraph following the UL to wrap over below the image, but I want the UL to remain vertically aligned with the beginning edge of the UL. Example at: http://www.lane-consulting.com/Tests/PRA/BIRC.php __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS with negative positions
On Apr 28, 2009, at 10:20 AM, Philippe Wittenbergh wrote: This latest change has been incorporated in WebKit nightlies (but not Safari 4beta). But it apparently mangles something else, as most of the red squares don't appear… Oh my. Apparently the latest nightly webkit builds compute the offset from top based on the height of viewport when the (parent/ancestor) absolute div doesn't have a height specified. Here is a more minimal test case illustrating the issue(s): http://dev.l-c-n.com/css2/abs_pos-percent_offset.html Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] strange issue with suckerfish menu and firefox web developer plugin
This is driving me INSANE! Best way to explain this is to just show the site we are working on... http://www.createtwo.com/villager/shopvillager/ So... the category lists at the bottom... some will have suckerfish hover menus to display a sub menu. If you hover over Story People... a sub menu will rollout... however, it should have a right arrow image next to Story People and the whole sub menu should have a nice dropshadow background image. Now... in firefox web developer plugin... click edit css, there it is. WTF? __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] strange issue with suckerfish menu and firefox webdeveloper plugin
From: Ryan Oswald rya...@suddenlink.net This is driving me INSANE! Best way to explain this is to just show the site we are working on... http://www.createtwo.com/villager/shopvillager/ So... the category lists at the bottom... some will have suckerfish hover menus to display a sub menu. If you hover over Story People... a sub menu will rollout... however, it should have a right arrow image next to Story People and the whole sub menu should have a nice dropshadow background image. Now... in firefox web developer plugin... click edit css, there it is. WTF? It's a known bug. The developer toolbar CSS editor makes image paths relative to the document instead of the style sheet. -- Al Sparber - PVII http://www.projectseven.com Dreamweaver Menus | Galleries | Widgets __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] strange issue with suckerfish menu and firefox web developer plugin
On Apr 28, 2009, at 12:41 PM, Ryan Oswald wrote:
This is driving me INSANE!
Best way to explain this is to just show the site we are working on...
http://www.createtwo.com/villager/shopvillager/
So... the category lists at the bottom... some will have suckerfish
hover menus to
display a sub menu. If you hover over Story People... a sub menu
will rollout...
however, it should have a right arrow image next to Story People and
the whole
sub menu should have a nice dropshadow background image.
Now... in firefox web developer plugin... click edit css, there it
is. WTF?
according to the stylesheet (superfish.css) should load
http://www.createtwo.com/villager/shopvillager/css/images/hovers/shadow.png
but that returns a 404.
the path you want in your stylesheet is
.sf-shadow ul { background: url(../images/hovers/shadow.png) bottom
right no-repeat;}
not
.sf-shadow ul { background: url(images/hovers/shadow.png) bottom right
no-repeat;}
(What you currently have)
The same goes for:
http://www.createtwo.com/villager/shopvillager/css/images/hovers/arrows-ff.png
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
