[css-d] top and bottom negative margins not working in ie
I am trying to extend an inner div out of its enclosing div by giving negative margins. The left and right edges are working fine, but it causes the outer div to also extend along with the inner div in top and bottom edges.In effect, the inner div is not able to go out of the outer div in top and bottom directions. The problem is appearing in ie only. No problems in Firefox. Any ideas? Rohit Kumar __ css-discuss [EMAIL PROTECTED] 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] top and bottom negative margins not working in ie
On 10/5/07, ROHITKUMAR [EMAIL PROTECTED] wrote: I am trying to extend an inner div out of its enclosing div by giving negative margins. The left and right edges are working fine, but it causes the outer div to also extend along with the inner div in top and bottom edges.In effect, the inner div is not able to go out of the outer div in top and bottom directions. The problem is appearing in ie only. No problems in Firefox. Hi Rohit, Depending on the hasLayout [1] status of the outer and inner box, IE shows various problems in such cases. What you see indeed occurs when the outer div lacks hasLayout. Try adding zoom:1 to it. The inner div also usually needs hasLayout and position:relative otherwise its part protruding out of the container are clipped. Hope this helps, Bruno [1] http://www.satzansatz.de/cssd/onhavinglayout.html -- Bruno Fassino http://www.brunildo.org/test __ css-discuss [EMAIL PROTECTED] 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] top and bottom negative margins not working in ie
Hi Bruno, Thanks a lot man. Indeed the problem is solved. Setting zoom=1 to the outer box solved the problem. Rohit Bruno Fassino wrote: On 10/5/07, ROHITKUMAR [EMAIL PROTECTED] wrote: I am trying to extend an inner div out of its enclosing div by giving negative margins. The left and right edges are working fine, but it causes the outer div to also extend along with the inner div in top and bottom edges.In effect, the inner div is not able to go out of the outer div in top and bottom directions. The problem is appearing in ie only. No problems in Firefox. Hi Rohit, Depending on the hasLayout [1] status of the outer and inner box, IE shows various problems in such cases. What you see indeed occurs when the outer div lacks hasLayout. Try adding zoom:1 to it. The inner div also usually needs hasLayout and position:relative otherwise its part protruding out of the container are clipped. Hope this helps, Bruno [1] http://www.satzansatz.de/cssd/onhavinglayout.html __ css-discuss [EMAIL PROTECTED] 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] Falling floats in Opera Netscape
Seona Bellamy wrote:
Hi guys,
I have a footer, which has a background image. Within the footer I have a
bunch of links (marked up as a list and floated left) and a copyright notice
(marked up as a paragraph floated right). In most browsers, this seems to
work just fine. In Opera 9.21 and Netscape 8.1.3, however, they are falling
out of the Footer div.
The easiest fix I can think of would be to apply a negative top margin to
the list and paragraph. But that would involve finding a way to apply that
fix only to Opera and Netscape. Is there a way to do that? Is this even the
best way around the problem? I've hunted on positioniseverything.net so no
avail, and Google isn't helping much either.
I've included the relevant code below, in case it helps anyone.
Cheers,
Seona.
Hi Seona
When you start giving heights to elements in such constructions you will get
many mixed results, especially with IE due to height (and width) being a
hasLayout trigger. The height of the footer can be set in pixels, ems or have
no height given at all. Using vertical padding in the footer (as I have added)
can also be used to create the height of the footer. This you will need to
experiment with yourself using either height, padding or both.
#footer {
position: relative;
clear: both;
margin: 0 auto;
width: 958px;
background: url(../images/telstra-footer-tile.gif) top left repeat-x;
/*height: 40px;needs testing for best solution */
/*margin-top:-40px; delete */
text-align:right; /* add to align the copyright text */
padding:10px 0; /* add to give space above and below the child elements
*/
}
#footer #footerlinks {
padding-left: 10px;
background: red url(../images/telstra-footer-start.gif) top left
no-repeat;
list-style: none;
/*float: left;delete */
/*width: 640px;delete */
/*height: 30px;delete */
margin: 0; /* add */
}
#footer #footerlinks li {
float: left;
padding-right: 10px;
line-height: 30px;
}
#footer #copyright {
margin: 0;
padding: 0 10px 0 0;
background: url(../images/telstra-footer-end.gif) top right no-repeat;
color: #99;
line-height: 200%; /* change to a relative size instead of absolute
size */
/*float: right;delete */
/*width: 295px;delete */
/*height: 30px;delete */
display:inline; /* add, displays this paragraph which is a block
element as inline */
}
The changes I have made are similar to how my footer and its' contained
elements are styled on my site (link below). I hope this helps.
Kind Regards, Alan
http://css-class.com
__
css-discuss [EMAIL PROTECTED]
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] cursor: url('/path/to/cursor.cur/'); support in 'browser land'
Philippe Wittenbergh wrote: On Gecko, it is currently only implemented on Windows (and maybe Linux for the nightly builds, not sure). Philippe Thanks, Philippe...much appreciated. ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] 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] Falling floats in Opera Netscape
On Oct 5, 2007, at 2:26 PM, Seona Bellamy wrote: I have a footer, which has a background image. Within the footer I have a bunch of links (marked up as a list and floated left) and a copyright notice (marked up as a paragraph floated right). In most browsers, this seems to work just fine. In Opera 9.21 and Netscape 8.1.3, however, they are falling out of the Footer div. Given the code snippets you've given (a url with at least a minimal demo of the problem would be much more easy !), chances are that the text will fall 'out of the box' in my browser, which is not Opera or Netscape 8. 3 lines of text will not fit in the assigned height of 30~40px. A few suggestions: * remove all specified height. * for non IE win browsers, you'll need a clearing element, given that your #footer only contains floated elements. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] 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] Anomaly in FireFox
Hi guys Unusual one (for me). I have a div that doesn't align properly in FireFox and as a temporary measure have put a couple of extra br / but of course this doesn't render properly in IE6 (and is very clumsy) I have tried a number or different alternatives margin settings to no avail. http://www.iyesolutions.co.uk/templates/harbour/dinner.html with style at http://www.iyesolutions.co.uk/templates/harbour/includes/style.css It must be simple but it looks like I cannot see the wood for the trees. Ian IY e-Solutions http://www.iyesolutions.co.uk 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.5.488 / Virus Database: 269.14.1/1050 - Release Date: 04/10/2007 17:03 __ css-discuss [EMAIL PROTECTED] 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] Query
On Oct 5, 2007, at 2:36 PM, JT Neville wrote:
div id=tab1h1Foo/h1/div
And the css is:
#tab1 {
...
background-image: url(/images/kraken-head-logo.jpg)
no-repeat transparent top;
...
}
But the image doesn't show.
Invalid syntax [1].
You probably want
'background: url() no-repeat transparent top'
instead of what you have
A quick trip to the CSS validator would have told you that.
http://jigsaw.w3.org/css-validator/
[1] http://www.w3.org/TR/CSS21/colors.html#propdef-background
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
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] Query
Should it be
background-image: url(../images/kraken-head-logo.jpg)
I.e. .. in front to enforce the location of the images folder?
Ian.
--
On 5 Oct 2007, at 6:36 am, JT Neville wrote:
Ok, I've googled my tuckus off on this and I know I'm missing
something
simple but I can't crack it.
So the code is:
div id=tab1h1Foo/h1/div
And the css is:
#tab1 {
border: 1px solid #711515;
border-top: none;
padding: 10px 5px 6px 5px;
background-image: url(/images/kraken-head-logo.jpg)
no-repeat transparent top;
width: 466px;
height: 481px;
}
But the image doesn't show. It used to in IE6/7 but never in FF. Now
it never shows. I can't tell you what I changed during FF testing
that
completely broke it. I've checked my syntax and even deleted all
extraneous tags only keeping the image one, but still the picture
refuses to appear.
Can someone with another set of eyes tell me what I've done wrong?
In the wild, this code is sitting at the test domain:
release.the-kraken.com =)Sorry for the newb question but it is
what
it is.
__
css-discuss [EMAIL PROTECTED]
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 [EMAIL PROTECTED]
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] Changing Width
i would try {
#AB a {
display:block;
width:..;
max-width:..;
}
btw didnt knew about the max-width property, thanks :D
__
css-discuss [EMAIL PROTECTED]
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] Query
On 5 Oct 2007, at 2:11 pm, Philippe Wittenbergh wrote: Invalid syntax [1]. You probably want 'background: url() no-repeat transparent top' instead of what you have A quick trip to the CSS validator would have told you that. http://jigsaw.w3.org/css-validator/ [1] http://www.w3.org/TR/CSS21/colors.html#propdef-background What is wrong with that syntax? I thought it looked OK: http://www.w3.org/TR/CSS21/colors.html#propdef-background-image Yours is missing a trailing ; BTW. :-) __ css-discuss [EMAIL PROTECTED] 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] Query
Ok, I've googled my tuckus off on this and I know I'm missing something
simple but I can't crack it.
So the code is:
div id=tab1h1Foo/h1/div
And the css is:
#tab1 {
border: 1px solid #711515;
border-top: none;
padding: 10px 5px 6px 5px;
background-image: url(/images/kraken-head-logo.jpg)
no-repeat transparent top;
width: 466px;
height: 481px;
}
But the image doesn't show. It used to in IE6/7 but never in FF. Now
it never shows. I can't tell you what I changed during FF testing that
completely broke it. I've checked my syntax and even deleted all
extraneous tags only keeping the image one, but still the picture
refuses to appear.
Can someone with another set of eyes tell me what I've done wrong?
In the wild, this code is sitting at the test domain:
release.the-kraken.com =)Sorry for the newb question but it is what
it is.
__
css-discuss [EMAIL PROTECTED]
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] three numbers
[top] [right] [bottom] [left] means clockwise. Not that confusing.
On 10/5/07, Keith DiSarno [EMAIL PROTECTED] wrote:
Simple: When listing less than 4 parameters, the CSS 'engine' pulls it
from
the other side of the element. Sorta makes everything symmetrical. (But it
always goes [top] [right] [bottom] [left]...does that make it confusing?)
Keith
On 10/4/07, Elias Abunassar [EMAIL PROTECTED] wrote:
On 10/4/07 7:07 PM, Raumin Ray Dehghan [EMAIL PROTECTED]
wrote:
Colleagues,
When you have three separate numbers, such as the three after the
margin
in the following bracket, can somebody tell me what that means?
{margin:0 [1] 10px [2] 10px [3] }
I'm pretty sure that when you use 3 shorthand margin values, it applies
to:
[1] top
[2] left and right
[3] bottom
Hope this helps Ray.
Cheers,
elias
Thanks,
Ray Dehghan
__
css-discuss [EMAIL PROTECTED]
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 [EMAIL PROTECTED]
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 [EMAIL PROTECTED]
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/
--
My blogs:
http://claimID.com/Cat
__
css-discuss [EMAIL PROTECTED]
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] IE z-index problem
IE6 finally got me.
http://users.pandora.be/onderhond/test_IE6_zindex.html
I know what the problem is, but can't seem to find a solid fix. This
example shows the setup I want to achieve in IE6. It's a theoretical
example, but one I can find no solution for, javascript or css. The
XHTML/CSS were kept as simple as possible.
div class=top
pMain div A/p
div class=subSub div B/div
/div
div class=bottom
pMain div C/p
div class=subSub div D/div
/div
/* IMPORTANT CSS CAUSING THE TROUBLE */
.top {position:relative; height:7.5em; width:50em;}
.top .sub {position:absolute; z-index:10; left:10em; bottom:-2.5em;
height:3em; width:8em;}
.bottom {position:relative; height:7.5em; width:50em;}
.bottom .sub {position:absolute; height:3em; width:8em; z-index:10;
right:10em; top:-2.5em;}
Note that the position:relative declaration can't be removed. *Any* help
would be greatly appreciated.
Sincerly,
Niels Matthijs
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
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] three numbers
{margin:0 10px 10px;}
I'm sorry - it was always my understanding that using this method was
incorrect. When I was learning CSS, in the beginning, it was always
impressed upon me that using margin:0 was appropriate because it would
cover all sides. Using margin:2px 3px; was appropriate, because you'd
be covering left/right and top/bottom. Using margin:2px 3px 4px 5px
was correct, because it gave each individual side something to work from.
But using margin:1px 2px 3px was incorrect. I can't recall exactly
*why*, but I always had the impression that it was because it was
(pardon the term I'm gonna use) half-assed.
If I'm wrong, I'd *love* to know, because it's always been my impression
that using 3 numbers is never the way to do it. Like I said, I don't
recall *where* I picked this up, or why it's wrong to use this method -
it's been so long ago - but I'm always open to being corrected :)
~Shelly
__
css-discuss [EMAIL PROTECTED]
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] three numbers
Hello,
take a look here, three values are perfectly valid:
http://www.w3.org/TR/1998/REC-CSS2-19980512/box.html#margin-properties
Best regards,
Christian Kirchhoff
Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza
-Ursprüngliche Nachricht-
Von: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Im Auftrag von [EMAIL PROTECTED]
Gesendet: Freitag, 5. Oktober 2007 16:08
An: css-d@lists.css-discuss.org
Betreff: Re: [css-d] three numbers
{margin:0 10px 10px;}
I'm sorry - it was always my understanding that using this method was
incorrect. When I was learning CSS, in the beginning, it was always
impressed upon me that using margin:0 was appropriate because it would
cover all sides. Using margin:2px 3px; was appropriate, because you'd be
covering left/right and top/bottom. Using margin:2px 3px 4px 5px
was correct, because it gave each individual side something to work from.
But using margin:1px 2px 3px was incorrect. I can't recall exactly *why*,
but I always had the impression that it was because it was (pardon the term
I'm gonna use) half-assed.
If I'm wrong, I'd *love* to know, because it's always been my impression
that using 3 numbers is never the way to do it. Like I said, I don't recall
*where* I picked this up, or why it's wrong to use this method - it's been
so long ago - but I'm always open to being corrected :)
~Shelly
__
css-discuss [EMAIL PROTECTED]
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 [EMAIL PROTECTED]
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] Query
On Oct 5, 2007, at 10:44 PM, Ian Piper wrote: What is wrong with that syntax? I thought it looked OK: http://www.w3.org/TR/CSS21/colors.html#propdef-background-image Yours is missing a trailing ; BTW. :-) The original in http://release.the-kraken.com/common/kraken.css has background-image: --^ but adds all the background values (-position, -image, -color, - repeat) (aka shorthand for the 'background' property). And no, I don't need to add the ';' (except if you need to add additional property/value pairs in the ruleblock). Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] 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] three numbers
To: css-d@lists.css-discuss.org Subject: Re: [css-d] three numbers According to the specifications, giving three values for margin: is perfectly legal and valid. The sequence of messages here illustrate pretty well, that it's a poor idea! How so? It is a recognised and neat way writing margin and padding rules. If it is recommended by the standards folks (link earlier on) who are we to argue? Ian IY e-Solutions http://www.iyesolutions.co.uk No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.488 / Virus Database: 269.14.1/1050 - Release Date: 04/10/2007 17:03 __ css-discuss [EMAIL PROTECTED] 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] three numbers
According to the specifications, giving three values for margin: is perfectly legal and valid. The sequence of messages here illustrate pretty well, that it's a poor idea! __ css-discuss [EMAIL PROTECTED] 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] From Georg
David, Quoting Georg: Here's a working version: http://www.gunlaug.no/tos/alien/dt-3/test_07_1005.html ...with the same markup as what Tidy gave you, but this time with the pop-up ul's nested in the right li's. Doesn't work in IE6 though, as that and older IE-versions supports :hover only on links. You can use the whatever:hover '.htc' file to make IE6 behave: http://www.xs4all.nl/~peterned/csshover.html/ regards Georg Georg is the 'expert,' try his example and let us know if this helps. Cheers, elias __ css-discuss [EMAIL PROTECTED] 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] three numbers
Thanks Christian! And all these years, I've been making extra work for myself. (Okay, a few extra characters, really - but still. Every little shortcut helps!) ~Shelly __ css-discuss [EMAIL PROTECTED] 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] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
David Terrell wrote: Hello, I'm trying to create a pure css pop-up menu as per http://moronicbajebus.com/wordpress/wp-content/cssplay/pop-up-menus/ and it just isn't working out. The sub-list elements are now hidden, but I can't seem to make them appear on the mouseover. I am also have problems with IE 6 showing a tranparent png correctly. Firefox and Safari are both showing the transparency correctly. The site is located at www.cometothewell.org/newsite. The css is located at http://www.cometothewell.org/newsite/styles.css. I appreciate any help available. On another note, thank you for the help already received. Thank You, David Terrell Hi David Seeing that the current menu shows the popup submenus misaligned in IE and Opera, plus having different background widths for the submenus in all browsers, you may wish to adapted one of my menus, which works and renders the same in IE7, FF and Opera. I have not checked it with IE6, but it should work. http://css-class.com/articles/ursidae/bears5popuph.htm Kind Regards, Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] 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] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
David, No worries, it's my pleasure. That's why this list was created, to 'help' each other. If you're not worried about Accessibility [which is what I think you meant?], try using either the 'Son of Suckerfish Menu' via HTML Dog, Patrick Griffiths: http://www.htmldog.com/articles/suckerfish/dropdowns/ I think Georg sent an email addressing the dropdown menu? I'll check for you, back in a minute. Visit the above link, look over the :hover Javascript in the tutorial. Hopefully that should give you the result you want. You could also use the whatever:hover script or the htc(hover.css) workaround. Cheers, elias Dream and Live Big. On 10/5/07 11:46 AM, David Terrell [EMAIL PROTECTED] wrote: Thank you for your insight. Do you have a better suggestion for the menu taking the accessibility into account? I just need the menu to perform as a pop-up. I'm not entirely sold on using pure CSS, I just have no experience in creating an interactive menu outside of a rollover. Thank you for your help. Sorry to bother everyone with my obviously amateur questions. Thanks, David __ __ Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search http://search.yahoo.com/search?fr=oni_on_mailp=graduation+giftscs=bz __ css-discuss [EMAIL PROTECTED] 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/ -- - my blog: http://www.xanga.com/jesuspnk We are half-hearted creatures, fooling about with drink and sex and ambition when infinite joy is offered us, like an ignorant child who wants to go on making mud pies in a slum because he cannot imagine what is meant by the offer of a holiday at the sea. We are far too easily pleased. ::C.S. Lewis::The Weight of Glory __ __ Don't let your dream ride pass you by. Make it a reality with Yahoo! Autos. http://autos.yahoo.com/index.html __ css-discuss [EMAIL PROTECTED] 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] three numbers
Using three values to set four margins is a little confusing. IMO its appropriateness depends on who's going to be working with your code. If you might be replaced by a lower-level web developer, you might want to spend several more characters to make your meaning obvious. Legal and valid only means we get to discuss it for a dozen posts. :-) CC On 10/5/07, Ian Young [EMAIL PROTECTED] wrote: To: css-d@lists.css-discuss.org Subject: Re: [css-d] three numbers According to the specifications, giving three values for margin: is perfectly legal and valid. The sequence of messages here illustrate pretty well, that it's a poor idea! How so? It is a recognised and neat way writing margin and padding rules. If it is recommended by the standards folks (link earlier on) who are we to argue? Ian IY e-Solutions http://www.iyesolutions.co.uk __ css-discuss [EMAIL PROTECTED] 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] three numbers
According to the specifications, giving three values for margin: is perfectly legal and valid. The sequence of messages here illustrate pretty well, that it's a poor idea! How so? It is a recognised and neat way writing margin and padding rules. If it is recommended by the standards folks (link earlier on) who are we to argue? Ian Neat? OK - if you think so. It saves about 5 characters and confuses everyone in town, often including those who typed it originally. It's not recommended - it is merely recognised or accepted. It is not necessary to make use of each and every poor idea. Bruce __ css-discuss [EMAIL PROTECTED] 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] three numbers
Subject: Re: [css-d] three numbers According to the specifications, giving three values for margin: is perfectly legal and valid. The sequence of messages here illustrate pretty well, that it's a poor idea! How so? It is a recognised and neat way writing margin and padding rules. If it is recommended by the standards folks (link earlier on) who are we to argue? Ian Neat? OK - if you think so. It saves about 5 characters and confuses everyone in town, often including those who typed it originally. It's not recommended - it is merely recognised or accepted. It is not necessary to make use of each and every poor idea. Bruce Bruce, Just cos, you say it is a poor idea, doesn't make it so. However, no one is making you use it. If you don't like it so be it. I have to say I think it is rather elegant and there is a neat logic to it. I use CSS that I feel comfortable with and this has evolved over the years as I become more knowledgeable (long way to go yet). But hey, why we getting heated over something that is optional anyway. If it works for you (and it does for me) then why gripe. Have a good weekend. Cheers Ian IY e-Solutions http://www.iyesolutions.co.uk No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.488 / Virus Database: 269.14.1/1050 - Release Date: 04/10/2007 17:03 __ css-discuss [EMAIL PROTECTED] 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] Page Check
Morning List I'd appreciate it if some of you would look at www.sylvesterneal.com/index2.html especially with Mac / Safari browsers. I have (and test in) Safari Win 3.0 and all seems fine but I don't have enough faith in it for final production. Should be good to go in all other major browsers including IE 6 and 7, Opera 9 and Firefox 2.0. CSS is in the head for now but will be moved to an external link later. All links on the page are live to an existing site. Once we have client approval for this page as a template we will re-skin the inner pages to match. If you do see a problem, let me know what browser and O/S you are using. Constructive comments always appreciated Thanks for your time. Hope you all enjoy your weekend. Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] 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] Page Check
OS X 10.4.10; Safari 3.0.3; Camino 1.5: Just basic poking around on the site … everything looks good with 1 exception: On the home page in Safari, there is no white space between the portrait and the body of text, i.e. This web site is designed serve the Districts … is flush left against the portrait. And … not related to CSS, but the portrait on the home page is not very crisp (but that may be intentional). HTH Kimberly On 10/5/07, Jim Nannery [EMAIL PROTECTED] wrote: Morning List I'd appreciate it if some of you would look at www.sylvesterneal.com/index2.html especially with Mac / Safari browsers. I have (and test in) Safari Win 3.0 and all seems fine but I don't have enough faith in it for final production. Should be good to go in all other major browsers including IE 6 and 7, Opera 9 and Firefox 2.0. CSS is in the head for now but will be moved to an external link later. All links on the page are live to an existing site. Once we have client approval for this page as a template we will re-skin the inner pages to match. If you do see a problem, let me know what browser and O/S you are using. Constructive comments always appreciated Thanks for your time. Hope you all enjoy your weekend. Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] 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/ -- Kimberly Batteau http://www.kimberlybatteau.com/ Ever striving for perfetcion. __ css-discuss [EMAIL PROTECTED] 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] Page Check
On 5 Oct 2007, at 14:17, Jim Nannery [EMAIL PROTECTED] wrote: I'd appreciate it if some of you would look at www.sylvesterneal.com/index2.html Hi Jim, Mac OS X v10.4.10 Safari beta 3 - the main text is tight against the gold edge of the picture Firefox 2.0.0.7 - text is okay but picture slips down below the lower menu and main area gold border -- unless I change the text size to make it large enough to force the menu and border down. Now that I check back, this happens in Safari too. I didn't notice at first because the default text size in Safari is big enough whereas the default size in Firefox is not big enough. Also my Safari window happened to be narrower than my FF window, and that too gave the text block enough height. In other words, you'll have to find a way to reserve enough room for the picture no matter what size the text is. HTH Rob __ css-discuss [EMAIL PROTECTED] 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] Query
Exactly, Phillipe is correct: background: transparent url(images/kraken-head-logo.jpg) no-repeat top; or: background-color: transparent; background-image: url(images/kraken-head-logo.jpg); background-repeat: no-repeat; background-position: top; Ben On 10/5/07, Philippe Wittenbergh [EMAIL PROTECTED] wrote: On Oct 5, 2007, at 10:44 PM, Ian Piper wrote: What is wrong with that syntax? I thought it looked OK: http://www.w3.org/TR/CSS21/colors.html#propdef-background-image Yours is missing a trailing ; BTW. :-) The original in http://release.the-kraken.com/common/kraken.css has background-image: --^ but adds all the background values (-position, -image, -color, - repeat) (aka shorthand for the 'background' property). And no, I don't need to add the ';' (except if you need to add additional property/value pairs in the ruleblock). Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] 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/ -- Ben Clarke www.benclarke.biz http://benclarke.biz/blog/ __ css-discuss [EMAIL PROTECTED] 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] Problems with printing in Firefox
On 4 Oct 2007, at 21:08, Alan K. Gay wrote: I have found that, while both the IE and FF print engines can be buggy and produce different results than the screen, the FF engine is by far the worst, and quite unpredictable. It's been a year or so since I've had to regression-test printing in FF, but I would suggest starting by taking all the positional stuff out of your css (floats, absolutes, etc) and then add it back incrementally so you can see where things are breaking down. Once you find the gremlin(s), you can use the @media function to feed different CSS to the print engine vs the display. You may also need to make the print-only css different for IE and FF, so you will need to us the IE conditional style sheet approach. Many thanks Alan for your good advice. It was the float instruction for the navigation div which was the problem. I had tried to write a print style-sheet originally, but ran out of time before I could make it work properly. I've now done it and it seems to work OK with all the browsers I've used in both OS X and Windows XP. The name and first address fields on the Join the Association page (www.local- history.co.uk/nlha/join.html) do come out a little longer than the other address fields in some browsers, but I can live with that. Once again, many thanks. Susan Griffiths __ css-discuss [EMAIL PROTECTED] 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] Query
Hi Philippe (sorry about the direct reply), I had that tag assigned originally
and it doesn't work either. I've gone through more than a few iterations of
code. I did find a few comments on other css boards regarding how improperly
coded tags impacted image display so your validator suggestion should help a
lot.
background: url(/images/kraken-head-logo.jpg)
so will go use the validator link now to see what it returns. Thanks =)
And Ian I was under the impression that a leading '/' was the indicator to
force the browser to map from the context root, so ../ shouldn't be required in
this format. Do I have that right?
JT
#tab1 {
...
background-image: url(/images/kraken-head-logo.jpg)
no-repeat transparent top;
...
}
But the image doesn't show.
Invalid syntax [1].
You probably want
'background: url() no-repeat transparent top'
instead of what you have
A quick trip to the CSS validator would have told you that.
http://jigsaw.w3.org/css-validator/
[1] http://www.w3.org/TR/CSS21/colors.html#propdef-background
Philippe
__
css-discuss [EMAIL PROTECTED]
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] repeating a header style
Hi, Is there a way so that I can easily have all headlines (H1 tags) in my site looking the same. I am trying to achieve: the html has the text for, say, H1 and then using css, to obtain the result of image left, H1 as defined in html text, image right followed by an image underneath all in the same class? i.e the style and images in the css so if I need to change them site wide I can? I want a repeat look for all headers without repeatedly placing the graphics round a simple css defined H1 in an external sheet. Any pointers would be helpful. thanks, Louise. __ css-discuss [EMAIL PROTECTED] 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] three numbers
I don't quite get why this thread degenerated on this. This is just syntax, there are alternatives, and it's already a standard (i.e. it won't change), so what's the point? If you ask me, I don't know the reasoning behind this order, they could as well use the common (x, y) way, but this may just be the same case as with UTC (ever looked what it stands for? [1]). Maybe we should stop this thread, it goes nowhere ---and sorry for contributing myself. [1] http://en.wikipedia.org/wiki/Utc [EMAIL PROTECTED] wrote: According to the specifications, giving three values for margin: is perfectly legal and valid. The sequence of messages here illustrate pretty well, that it's a poor idea! How so? It is a recognised and neat way writing margin and padding rules. If it is recommended by the standards folks (link earlier on) who are we to argue? Ian Neat? OK - if you think so. It saves about 5 characters and confuses everyone in town, often including those who typed it originally. It's not recommended - it is merely recognised or accepted. It is not necessary to make use of each and every poor idea. Bruce __ css-discuss [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
David Terrell [EMAIL PROTECTED] 10/4/2007 2:48 PM . . . . . I'm trying to create a pure css pop-up menu as per http://moronicbajebus.com/wordpress/wp-content/cssplay/pop-up-menus/ and it just isn't working out. The sub-list elements are now hidden, but I can't seem to make them appear on the mouseover. I am also have problems with IE 6 showing a tranparent png correctly. Firefox and Safari are both showing the transparency correctly. The site is located at www.cometothewell.org/newsite. The css is located at http://www.cometothewell.org/newsite/styles.css. . . . . . Thank You, David Terrell = = = = = = = = = = David, This is an alternate. It's my favorite css popout menu. There are two versions - one vertical, one horizontal. http://www.seoconsultants.com/css/menus/horizontal/ http://www.seoconsultants.com/css/menus/vertical/ And here are some implementations I've designed based on those templates: http://www.boisestate.edu/distance/ stylesheet: http://www.boisestate.edu/distance/styles/main.css http://ppa.boisestate.edu/ stylesheet: http://ppa.boisestate.edu/common/ppa.css http://izann.com/studentservices/ (this is a prototype at the moment) stylesheet: http://izann.com/studentservices/styles/main.css http://linkingdots.com/ stylesheet: http://www.linkingdots.com/include/style.css Nice effect, popping up instead of down for a change, by the way. I'm assuming the text on the pix is temporary, since there are a couple of typos. Cheers! -- Ann Randall __ css-discuss [EMAIL PROTECTED] 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] Safari Overflow:Auto Issue?
On a newly developed site I recently got an email saying that the content on
one page of the site only took up 10% of the screen: far too little to see! The
page makes use of overflow:auto and the user is browsing with Safari on a Mac.
Can anyone else see the problem and suggest fixes?
The page is here: http://monna-vanna.com/cast/
And the CSS for that piece of content is simply:
#cast {
padding-top:5px;
height:360px;
overflow:auto
}
Thanks in advance!
Chris
_
Windows Live Hotmail and Microsoft Office Outlook – together at last. Get it
now.
http://office.microsoft.com/en-us/outlook/HA102225181033.aspx?pid=CL100626971033
__
css-discuss [EMAIL PROTECTED]
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] Page Check
At 6:13 PM -0500 10/5/07, Jim Nannery wrote: I'd appreciate it if some of you would look at http://www.sylvesterneal.com/index2.html especially with Mac / Safari browsers. I have (and test in) Safari Win 3.0 and all seems fine but I don't have enough faith in it for final production. CHOP If you do see a problem, let me know what browser and O/S you are using. Constructive comments always appreciated Finally something I can contribute to the list! ;-) Only 'major' problem I see in Safari and FF 2+ on my Mac is that the Kiwanis' logo slips under the top nav bar. It should be easy to move it up a bit but the 'solution' is probably to keep that bar from rising higher than a minimum value (while forcing the main content to remain below it, also). The 'problem' is that the logo is obscured at anything less than 'normal + 1' step larger. Are you viewing your browser at command(control?)-0(zero) or whatever it takes to make it 'text size = normal'? Maybe by giving the .nav a top: Xem;? Having X whatever it takes to push the nav bar low enough to uncover the logo. Not sure that would work for .contain, however. Since you're using position: relative, that may automatically keep the main content lower, anyway. Oh well, the experts will surely give you the fix, all I'm good for is pointing out the minor problem! :) JC __ css-discuss [EMAIL PROTECTED] 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] Validation problems
I am reviewing a page for a client (www.physics.uiuc.edu) that uses a hover class and some events. On lines 178, 194, and 202 in the HTML a call for onmouseover, onfocus, onmouseout, and onblur events occurs. TIDY and W3C are both flagging this as use of proprietary code but I think that's because javascript isn't being called for properly. Is this correct or is there another issue? I do not have access to the code to revise it but I would at least like to explain the problem to the site owners. Thanks for your input. -Tim -- ** Tim Offenstein - Web Specialist - CITES - ALS - 244-2700 * IGPA - 244-1398 ** A cheerful heart is a good medicine Proverbs 17:22 NRSV __ css-discuss [EMAIL PROTECTED] 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] Safari Overflow:Auto Issue?
Chris Davis wrote:
On a newly developed site I recently got an email saying that the content on
one page of the site only took up 10% of the screen: far too little to see!
The page makes use of overflow:auto and the user is browsing with Safari on a
Mac. Can anyone else see the problem and suggest fixes?
The page is here: http://monna-vanna.com/cast/
And the CSS for that piece of content is simply:
#cast {
padding-top:5px;
height:360px;
overflow:auto
}
Thanks in advance!
Chris
Yes, this is to confirm that in Safari/2.0.4 the user's comment is
fairly accurate. I regret I do not know the fix. You may want to
validate the markup although this may have little or nothing to do with
the issue at hand: same for the the fact that +2 font-scaling kind of
does a number on the page in compliant browsers.
Sorry. I am not able to bring more than a user's observation to help out...
Best,
~dL
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
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] Query
On Oct 6, 2007, at 1:07 AM, JT Neville wrote: Hi Philippe (sorry about the direct reply), I had that tag assigned originally and it doesn't work either. with the correct syntax: background: url(/images/kraken-head-logo.jpg) no-repeat transparent top; in /common/kraken.css It works perfectly fine in Camino/Firefox/WebKit/Safari/Opera/IE7 when testing from my local dev server. And Ian I was under the impression that a leading '/' was the indicator to force the browser to map from the context root, so ../ shouldn't be required in this format. Do I have that right? Correct. PS - I usually write the value for 'background' as background: transparent url(/images/kraken-head-logo.jpg) no-repeat top; that is [background-color] [background-image] [background-repeat] [background-position], but that is just because I find it more readable. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] 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] Safari Overflow:Auto Issue?
On Oct 6, 2007, at 8:22 AM, Chris Davis wrote:
On a newly developed site I recently got an email saying that the
content on one page of the site only took up 10% of the screen: far
too little to see! The page makes use of overflow:auto and the user
is browsing with Safari on a Mac. Can anyone else see the problem
and suggest fixes?
The page is here: http://monna-vanna.com/cast/
Yes, that is a known bug in Safari 2.0.0.x, and fixed in Webkit
nightly builds /Safari3beta.
it is cause by the overflow on the element (#cast), nested in a block
with clear:both.
Fix: Use something like the easy clearing technique [1], or add a
clearing element before #content:
#marquee {zoom:1} /* !-- for iExploder */
#marquee::after {clear:both; content:'[.]'; display:block;
visibility:hidden; height:0;}
#content {
/* clear:both;*/ /* !-- remove */
}
[1] http://www.positioniseverything.net/easyclearing.html
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
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] Reliable Opera-only filter?
I would prefer to use a filter for the latest version of Opera that will be a good long-term fix. Basically, Opera gives a few extra pixels of top-padding, on a form input, that I would like to compensate for... I can live with how it is now, but thought I would ask ya'll before I scratch it off of my to-do list. :) Thanks! Cheers, Micky -- Wishlist: http://tinyurl.com/22xonb Switch: http://browsehappy.com/ BCC?: http://snipurl.com/w6f8 My: http://del.icio.us/mhulse __ css-discuss [EMAIL PROTECTED] 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] blog: centering multiple line content with css
Hi All, I've just finished a blog on centering multiline content (horizontally and vertically): http://www.sunburnt.com.au/publications/design/center-multiple-lines-with-css The method used is display: table/table-cell for standards browsers, and a javascript expression to position the content for IE. Hope it helps someone! Roger -- Sunburnt Web Services p: +61 7 3117 9661 (UTC +10) f: +61 7 3102 9141 w: http://www.sunburnt.com.au e: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] 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] blog: centering multiple line content with css
Gunlaug Sørtun wrote: Roger Keays wrote: http://www.sunburnt.com.au/publications/design/center-multiple-lines-with-css The method used is display: table/table-cell for standards browsers, and a javascript expression to position the content for IE. Gosh! ... you must have stolen my demos/article ;-) Yes, CSS table and IE-expressions are a working combination. http://www.gunlaug.no/tos/moa_15a.html http://www.gunlaug.no/contents/wd_additions_20.html If only I had found that yesterday! regards Georg -- Sunburnt Web Services p: +61 7 3117 9661 (UTC +10) f: +61 7 3102 9141 w: http://www.sunburnt.com.au e: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] 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/
