Re: [css-d] Site Check
Hallo Jen, Dan Cederholm http://www.simplebits.com uses a method that I THINK Douglas Bowman developed called sliding doors to produce buttons that expand with the text. The work isn't overly taxing, though it does ad a little extra weight to the Mark-up. You could check that out as it's contained in Dan's book Bulletproof Web Design, as well as an article on scalable navigation using a repeated gif that tiles to expand with the text field, and a plethora of instruction on switching to ems, and why it makes sense... Hope that helps Jen and Georg wrote QUOTE: Thanks to everyone who responded. This was really helpful! To save list some hits I will only reply to Georg who covered most of the main points people had. (Tigdh had a really good point though about what happens when white text breaks out of a background - I didn't think of that.) Advice: don't rely on, or use, fixed font-sizes (in pixel). I have been afraid of ems but I will give it a try. I am going to try the 62.5% solution mentioned at http://www.clagnut.com/blog/348. I guess it is unrealistic to believe that I can expand all of my buttons to keep up with expanded text - or is it? Or should I really lock it in and use image for text on buttons? END QUOTE * * * * * TAG /* --- [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/
[css-d] multi-column question
A gap in my understanding is illustrated at
http://new.ggfilms.com/purchase/index.taf
which has four columns defined by:
/*multicolumn layout for catalog */
.col_container {clear:both;}
.col1 {float:left; width:170px;padding:5px;}
.col2 {float:left; width:175px;padding:5px}
.col3 {float:left; width:165px;padding:5px;}
.col4 {float:right; padding-top:5px}
The final element Purchase Films does not word wrap, but instead is
treated as a block break the floated fourth column.
I am surprised that the text does not just wrap within the available
space.
Why?
TIA.
Bill
William M. Conlon, P.E., Ph.D.
To the Point
2330 Bryant Street
Palo Alto, CA 94301
vox: 650.327.2175 (direct)
fax: 650.329.8335
mobile: 650.906.9929
e-mail: mailto:[EMAIL PROTECTED]
web: http://www.tothept.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] multi-column question
William M Conlon wrote: http://new.ggfilms.com/purchase/index.taf - - The final element Purchase Films does not word wrap, but instead is treated as a block break the floated fourth column. I am surprised that the text does not just wrap within the available space. It wraps when I view it on IE 7. The words Purchase and Films appear each on a line of its own. Did I miss something in the problem description? Jukka K. Korpela (Yucca) http://www.cs.tut.fi/~jkorpela/ __ 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] multi-column question
Thanks Jukka. In Mac FF2, Safari 2, Purchase Films is together on a single line, with its containing float below the 3rd column. Bill On Oct 1, 2007, at 11:48 PM, Jukka K. Korpela wrote: William M Conlon wrote: http://new.ggfilms.com/purchase/index.taf - - The final element Purchase Films does not word wrap, but instead is treated as a block break the floated fourth column. I am surprised that the text does not just wrap within the available space. It wraps when I view it on IE 7. The words Purchase and Films appear each on a line of its own. Did I miss something in the problem description? Jukka K. Korpela (Yucca) http://www.cs.tut.fi/~jkorpela/ __ 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] multi-column question
On Oct 2, 2007, at 4:03 PM, William M Conlon wrote:
Thanks Jukka. In Mac FF2, Safari 2, Purchase Films is together on a
single line, with its containing float below the 3rd column.
Bill
On Oct 1, 2007, at 11:48 PM, Jukka K. Korpela wrote:
William M Conlon wrote:
http://new.ggfilms.com/purchase/index.taf
- -
The final element Purchase Films does not word wrap, but
instead is
treated as a block break the floated fourth column.
I am surprised that the text does not just wrap within the available
space.
It wraps when I view it on IE 7. The words Purchase and Films
appear
each on a line of its own. Did I miss something in the problem
description?
.col4 {float:right; padding-top:5px}
You don't specify a width on that div. Hence it gets wide enough to
contain the whole text string on one line. That seems absolutely
correct to me.
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] Site Check
Jenn K wrote: I have been afraid of ems but I will give it a try. I am going to try the 62.5% solution mentioned at http://www.clagnut.com/blog/348. I guess it is unrealistic to believe that I can expand all of my buttons to keep up with expanded text - or is it? Or should I really lock it in and use image for text on buttons? The value 62.5% as base will blow up the font-size quite a bit extra at my end, since I use the 'minimum font size' option with a much larger value. Make sure everything can take a few hundred percent resizing, as then it won't matter (for your layout) what value you use. For the end-user (visitor) it will matter, so maybe you should read this article first... http://www.gunlaug.no/contents/wd_1_03_04.html The use of 'em' for font-sizing is optional, as '%' can be used all the way. Images for text is never a good option, but there may be cases where images or some form of image-replacement is the only option. Can't see any reason for using images in the page you presented though. Build in some more flexibility, like 'height: auto' and containment on all containers - using 'min-height' as base-height, so your layout can take a little bit of stress without breaking. Since I am using background images, am I correct to assume that I will need to add header, body and footer background images to some elements in each container (I guess using 3 divs instead of just 1?) Not necessarily, as all block elements can carry background, and all inline elements styled to block (one way or another) do the same. Of course, if you don't have suitable elements in the source-code, then you will have to add some. We're still waiting for the majority of browsers to support CSS3 multi-image background. Possible solutions... http://www.456bereastreet.com/archive/200705/creating_bulletproof_graphic_link_buttons_with_css/ http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/ regards Georg -- http://www.gunlaug.no __ 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] refining text-align: justify
Philippe Wittenbergh wrote:
On Oct 2, 2007, at 12:36 PM, Michael Leibson wrote:
Is there any way to refine the use of {text-align: justify;} so
that one can, for
example, prevent the last word of the last line from appearing on
its own line - like
this?
Thanks, in advance, for any tips.
No. Not with CSS 2.1, and not with CSS 3, I think (1).
I'd rather say that it depends. There is no way of saying generally don't
leave the last line on a line of its own or something like that, but there
are different ways of handling this on a case by case basis.
You'll probably need to inject a non-breaking space between the last
to words of your block using Javascript or whatever server side
language is fashionable today. But that is OT.
I think you are assuming that the page is dynamically generated. This might
or might not be true. On a static page (i.e., a page created by a human
being directly so that he can control its specific details), it is easy to
insert a no-break space, either as such or as the entity reference nbsp;,
e.g. likenbsp;this? This won't help, though, if the last word contains a
hyphen, since likenbsp;foo-bar? may result in a line break after the
hyphen (on IE and Opera, though not on Firefox).
Similar things can be done in CSS, though usually it does not pay off - the
no-break space is simpler. But you can write
span class=nobrlike this?/span
with
.nobr { white-space: nowrap; }
Moreover, this also works if you replace this by foo-bar.
Note: In text justification, browsers tend to divide the extra space evenly
between words, or (to put it in other words) stretch word spaces evenly.
This is not nice for expressions like 1 m (= one meter) or 1 000 (the
way in writing one thousand, English 1,000, in many languages), if
considerable stretching will be applied. It is probably better to prevent
stretching there, even if it makes other words spaces even wider. And this
is where the no-break is helpful: 1nbsp;m and 1nbsp;000 will each be kept
on one line and, moreover, as a matter of common browser practice, will
appear with a fixed-width space in them. The latter effect cannot be
achieved using CSS. (But this is still relevant to CSS in the sense that it
essentially affects how text-align: justify handles the text.)
Jukka K. Korpela (Yucca)
http://www.cs.tut.fi/~jkorpela/
__
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] Absolute position problem in IE
I have an absolutely positioned div #button iside a relative container.
div id=container
div id=inside-container
div id=top_curve/div
div id=buttona href=http://www.mysite.com;Our Website/a/div
This is fine in FF and ie7 but in ie6 it disapears. Anyone hazzard a guess
why this happens. It reappears if I make it relative
#container {
width:751px;
margin-left:auto;
margin-right:auto;
float:none;
position:relative;
}
#inside-container {
width:751px;
min-height:400px;
position:relative;
margin-left:auto;
margin-right:auto;
float:left;
background-image:url(../images/main_image.jpg);
background-position:-2px 0px;
background-repeat:no-repeat;
background-color:#80;
}
#button {
position:absolute;
display:block;
width:100px;
height:100px;
color:#99;
top:200px;
right:0px;
background-color:#00;
}
__
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] Absolute position problem in IE
I have an absolutely positioned div #button iside a relative container. div id=container div id=inside-container div id=top_curve/div div id=buttona href=http://www.mysite.com;Our Website/a/div This is fine in FF and ie7 but in ie6 it disapears. Anyone hazzard a guess why this happens. It reappears if I make it relative - IE6 doesn't support min-height, and by absolutely positioning the #button div you are taking it out of the flow of the page so the containing div is not expanding to hold it. As for solutions... You could apply height of 400px to the container div (ideally in an IE6 and below only statement), try Dustin Diaz' Hack (http://www.dustindiaz.com/min-height-fast-hack) or possibly look at a different way of coding it without absolute positioning? (sorry to not be more help here but it's a busy day!) Hope that helps James __ 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] Absolute position problem in IE
On 2 Oct 2007, at 12:30, Ross Hulford wrote: I have an absolutely positioned div #button iside a relative container. This is fine in FF and ie7 but in ie6 it disapears. Anyone hazzard a guess why this happens. It reappears if I make it relative min-height:400px; Off the top of my head, it could be because IE6 doesn't support min- height. Your containers are probably collapsing to zero height or perhaps one line-height, and as IE is also snarky about displaying absolutely positioned content outside of its relative container, this could cause the problem you are encountering. You could use one of the usual methods, preferably a conditional comment, to give IE6 height: 400px; as IE 6 treats height as min- height. HTH, Nick. -- Nick Fitzsimons http://www.nickfitz.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/
[css-d] Flexible pill buttons - height and width?
I've been searching for a good way to make a pill shaped button, with a flexible length for html text, and also a flexible height for text resizing. So ideally, if scaled they would end up looking like a rounded rectangle, but at their original size, they would be pill shaped. So far I've just been using a sliding doors technique to achieve the flexible legnth, but can't wrap my brain around how I could make it flexible height. I messed around with absolute positioning of the text and negative vertical margins a bit, but was unsuccessful. Maybe someone else has had more success, or another idea? Any thoughts are appreciated, thanks! Tim Kelty __ 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] re. refining tex-align: justify
Jukka K. Korpela wrote:
. . . it is easy to insert a no-break space,. . . as the entity reference
nbsp;,
e.g. likenbsp;this?
Similar things can be done in CSS . . . you can write
span class=nobrlike this?/span
with
.nobr { white-space: nowrap; }
Jukka K. Korpela (Yucca)
http://www.cs.tut.fi/~jkorpela/
Thanks to both you, Jukka, and Philippe, for addressing this problem.
Jukka, I don't know what I'm doing wrong, but neither nbsp; nor creating
a span class with {white-space: nowrap;} has so far worked for me.
If you could possibly take a quick look at my css and mark-up, at:
http://members.distributel.net/~leibson/justified%20text,%20with%20various%20problems.htm
-- I'd be most grateful!
Oh yes: does nbsp; work in HTML 4.01 Transitional?
Thanks!
- Michael
Be smarter than spam. See how smart SpamGuard is at giving junk email the
boot with the All-new Yahoo! Mail at http://mrd.mail.yahoo.com/try_beta?.intl=ca
__
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] Absolute position problem in IE
Ross Hulford wrote: I have an absolutely positioned div #button iside a relative container. div id=container div id=inside-container div id=top_curve/div div id=buttona href=http://www.mysite.com;Our Website/a/div This is fine in FF and ie7 but in ie6 it disapears. Anyone hazzard a guess why this happens. It reappears if I make it relative Another thing to note is that relative positioning resets the stack order in IE, perhaps try setting a z-index on both elements in order to force the stacking you want. -Mark __ 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] re. refining tex-align: justify
Michael Leibson wrote:
I don't know what I'm doing wrong, but neither nbsp; nor
creating a span class with {white-space: nowrap;} has so far worked for
me.
If you could possibly take a quick look at my css and mark-up, at:
http://members.distributel.net/~leibson/justified%20text,%20with%20various%20problems.htm
Checking on IE 7, the second case, with nbsp;, works well: the last line is
and strategy, as desired. I wonder where it does not work. People
sometimes make the mistake of using nbsp; _in addition to_ a normal space,
but it needs to be used _instead_ of it - as you are doing:
andnbsp;strategy.
The problem with the CSS way is that you have
whitespace: nowrap;
instead of the correct
white-space: nowrap;
(This is one of the difficult things to remember in CSS: white-space needs
to have the hyphen, whereas the value nowrap must not have a hyphen.=
Oh yes: does nbsp; work in HTML 4.01 Transitional?
Surely. It works in all HTML versions.
Jukka K. Korpela (Yucca)
http://www.cs.tut.fi/~jkorpela/
__
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] re. refining tex-align: justify
Michael Leibson wrote:
Jukka K. Korpela wrote:
. . . it is easy to insert a no-break space,. . . as the entity reference
nbsp;,
e.g. likenbsp;this?
Similar things can be done in CSS . . . you can write
span class=nobrlike this?/span
with
.nobr { white-space: nowrap; }
Jukka K. Korpela (Yucca)
http://www.cs.tut.fi/~jkorpela/
Thanks to both you, Jukka, and Philippe, for addressing this problem.
Jukka, I don't know what I'm doing wrong, but neither nbsp; nor creating
a span class with {white-space: nowrap;} has so far worked for me.
If you could possibly take a quick look at my css and mark-up, at:
http://members.distributel.net/~leibson/justified%20text,%20with%20various%20problems.htm
-- I'd be most grateful!
Oh yes: does nbsp; work in HTML 4.01 Transitional?
Thanks!
- Michael
I'd be tempted to cut-in the widows in with a #10 x-acto knife and
rubber cement; and, dry up the rivers with a sponge.
Regards,
~dL
__
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] Centering help
Ken Weise wrote:
Hi,
Working on a Perl script that puts out a page. I have the script working,
except in IE my footer
isn't centered. Seems to work in Firefox, so I must be missing something
stupid, but haven't
figured this out in a couple of hours. Anyway, here's the page:
http://www.econocaribe.com/cgi-bin/agt1.pl
and the involved css file is at:
http://www.econocaribe.com/css/pl.css
Thanks for any tips. I know I have a lot more to learn with CSS so far.
Hi Ken
Take a look at this screenshot in IE7
http://css-class.com/x/screenshots/ap.png
Please observe how the menu is layered under the footer. This is after text
resizing which causes the menu with no room to expand to wrap to a new line.
The is also to much content in the footer which if it is ap, you will get this
text breakout. The height for such an ap element is better given in ems so the
can expand in height, but if the text wraps then even that won't help. Now for
the z-indexing.
#menuh ul ul {
z-index:500; /* IE will not honor this, just delete */
}
div#menuh li:hover {
z-index:100; /* delete */
}
#menuh-container {
position:relative;
z-index:1; /* add. This will raise this div higher than any other element on
the page in most browser */
}
The reasoning behind this is found here [1]. I not sure if IE6 will layer
correctly since the #menuh-container has no hasLayout. Maybe some other person
with more knowledge of IE6 can help. Overall the page has to much content in
elements that can't expand, a rethink is needed.
[1] http://css-class.com/test/z-index.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] Previous Layout Issues / WAS: Cross-browser Display Issue / Problem With NOSCRIPT Validation
David, I looked at the example you sent, and I see where you are going with it. The problem in this case is that a height, or at least min-height, *has* to be specified on #container for the CurvyCorners script to work properly. As well, CurvyCorners does not respond nicely to relative dimensions, an approach that I tried in my first iteration. (This isn't a JS-list, but for the record I'm using CC for the corners because my usual stand-bys apparently conflict with the mootools library + lightbox script I'm using on a handful of pages, and CC doesn't.) I started out with only the one wrapper (effort to reduce unnecessary markup), attempting to position almost everything inside it relatively. However, I found this produced some pretty foul problems, especially on the pages with the third-tier navigation (if things were set to display correctly for the other pages, they were inevitably wonked for these pages unless I set the third-tier navigation with positioning that interfered with any sort of text scaling). The other problem was that in using only one wrapper in conjunction with the CurvyCorners script, it produced an offset that screwed everything up - if it looked correct with JS, it was wrong without, and vice versa. So I tinkered about, and found that by adding a second wrapper and positioning it relatively inside the first wrapper, that offset was eliminated both with and without javascript, it eliminated any need for a noscript (which wasn't going to work and be even remotely valid), allowed me to remove the problems with the relationship between the third-tier navigation and the main navigation, and actually reduced the number of hacks that I was looking at using (primarily for IE). (I also did some re-ordering as well, although I'm still not quite satisfied with it.) As for the Opera hacks, there's something odd with that... I'm finding that Opera 9.2 renders everything almost identical to Firefox and Netscape, but there are one or two things that it seems to render more in the manner of IE7. Safari for PC seems to mimic this as well. Annoyance. I'm going to tinker about with the example you sent and see if I can get it to play nicely with all the factors involved in this. Thank you for taking the time to put it together. If anyone else has ideas as well on how to make this layout work better with text scaling, please let me know. I'm not crazy about the overflow: auto applied to the primary areas once the text reaches a certain size... http://www.lostinxlation.net/sandbox3/portfolio/cybernomics2.html http://www.lostinxlation.net/sandbox3/css/primary.css ~~J. Hodge (treswife at gmail dot 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] HELP!!!!
Hello, I'm new to css. This is the first site that I've coded in css. My problem is that there seems to be a padding that is shoving all of the content down on the page when it loads in any browser. I don't understand because it shows up fine in Dreamweaver. I'm also 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 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. Thank You, David Terrell 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/
Re: [css-d] HELP!!!!
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of David Terrell
Sent: Tuesday, October 02, 2007 9:12 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] HELP
Hello,
I'm new to css. This is the first site that I've coded in css. My problem
is that there seems to be a padding that is shoving all of the content down
on the page when it loads in any browser. I don't understand because it
shows up fine in Dreamweaver. I'm also 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 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.
Thank You,
David Terrell
This is what is moving your content down in FF2:
#main-text {
margin-top: 280px;
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/
__ NOD32 2486 (20070827) Information __
This message was checked by NOD32 antivirus system.
http://www.eset.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] HELP!!!!
David Terrell wrote:
www.cometothewell.org/newsite.
I'm new to css. This is the first site that I've coded in css. My
problem is that there seems to be a padding that is shoving all of
the content down on the page when it loads in any browser. I don't
understand because it shows up fine in Dreamweaver.
A case of collapsing margins[1] in standard compliant browsers.
Add...
#content{padding-top: 1px;}
...or turn that element into a float (or use any other method to
contain margins), and all the top margins used on elements will butt
up against the top edge of the container and things will line up as you
want.
I'm also 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.
Main reason is that the list isn't properly nested in the source-code,
and also not valid...
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cometothewell.org%2Fnewsite%2Fcharset=%28detect+automatically%29doctype=Inliness=1group=0st=1
A better version is shown under 'Cleaned-up Source Listing with Tidy'
down below in that validator-report.
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
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] Previous Layout Issues / WAS: Cross-browser Display Issue / Problem With NOSCRIPT Validation
J Hodge wrote:
David,
I looked at the example you sent, and I see where you
are going with it. The problem in this case is that a
height, or at least min-height, *has* to be specified
on #container for the CurvyCorners script to work
properly... trimmed
~~J. Hodge
(treswife at gmail dot com)
In reference to uri ::
http://www.chelseacreekstudio.com/ca/cssd/hodge01.html
Add both js to the file, and:
#container {
border : 1px solid silver;
margin : 20px auto 0 auto; --- :: the 20px margin at the top as shown ::
text-align : left;
width : 757px;
height : 34em; -- :: add ::
min-height : 34em; --- :: add ::
}
The rounded corners come up in ff/mac and opera/mac on a local file and
hold with font-scalling. You'll need to test in on your server with a PC
withe font-scaling in IE6 and IE and resolve any other issues that may
remain.
Best
PS Still no need to hack Opera on this end.
--
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/
[css-d] div width
Here's a problem: - I need to set a div with flexible width depending on the width of the content [text]. A div can have a fixed, %, or auto width [however this resolves to 100% in browsers]. Is there any way to achieve a variable width as described above? TIA Ara G. Fussy? Opinionated? Impossible to please? Perfect. Join Yahoo!'s user panel and lay it on us. http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7 __ 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] Previous Layout Issues / WAS: Cross-browser Display Issue / Problem With NOSCRIPT Validation
David,
Thank you for this. I did apply it, and it does work
in conjunction with the script - my first iteration
used percentile dimensions instead of ems.
Also, on the surface, it does appear to solve the font
scaling issue. Except... it has a different source
order than the proper outline form (h1 h2 h3
etc) for use without CSS and with screen-readers, etc.
It isn't so apparent on the index page, due to the
redundancy and simplicity of the material there. What
has happened, though, in this example is that the
H1/H2 has been swapped with the H3/H4, thereby
swapping the places of the #mainContent and the
#banner. On all subsequent pages, this is problematic
as the H1/H2 is set in the #banner on all pages, and
is at the top of the source order. In doing it this
way, it puts the primary content before even the
header/banner on all subsequent pages.
I've been doing some googling, and I'm not really sure
there is going to be a silver bullet for this. The
goal was:
* A quadrant layout, with Q1=lower-left ~H33%xW33%,
Q2=upper-right ~H67%xW67%, Q3=upper-left ~H67%xW33%,
Q4=lower-right ~H33%xW67%
* Content set into those quadrants in a source ordered
fashion (Q1=header/banner, Q2=primary content,
Q3=secondary content, Q4=primary navigation)
* Least structural markup reasonably possible, while
remaining fairly semantic and with consideration for
presentational js
* Valid XHTML, and as close as possible to valid CSS
(consideration for hacks / workarounds)
* Material as accessible as reasonably possible
The quadrant layout itself is easy enough, especially
if it started with Q1=upper-left. It's doing one in
this *particular* layout, with proper source-ordering
on *all* pages, and making it play nice with js, that
is causing such headache and frustration.
I'm starting to wonder if perhaps the most reasonable
solution to this, to maintain the accessibility
aspects of font-scaling, could be to offer an
alternative stylesheet with fewer constraints.
~~J.
(treswife at gmail dot com)
J Hodge wrote:
David,
I looked at the example you sent, and I see where
you
are going with it. The problem in this case is
that a
height, or at least min-height, *has* to be
specified
on #container for the CurvyCorners script to work
properly... trimmed
~~J. Hodge
(treswife at gmail dot com)
In reference to uri ::
http://www.chelseacreekstudio.com/ca/cssd/hodge01.html
Add both js to the file, and:
#container {
border : 1px solid silver;
margin : 20px auto 0 auto; --- :: the 20px margin at
the top as shown ::
text-align : left;
width : 757px;
height : 34em; -- :: add ::
min-height : 34em; --- :: add ::
}
The rounded corners come up in ff/mac and opera/mac on
a local file and
hold with font-scalling. You'll need to test in on
your server with a PC
withe font-scaling in IE6 and IE and resolve any
other issues that may
remain.
Best
PS Still no need to hack Opera on this end.
-- 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/
__
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] Flexible pill buttons - height and width?
Hallo Timothy, I posted to Jenn yesterday that Dan Cederholme http:// www.simplebits.com has a technique borrowed from Ethan Marcotte http://browsehappy.com , which is and adaptation of sliding doors, but allows for movement in both x and y axes. It uses four bg images that attach to 4 'hooking' points around the 'div'/'element' that your using to create the pill button. I won't post the code, as it's probably an infringement of the copyright of Dan's book, Bulletproof Web Design, but you can look at the 'browse happy' to see the example that Dan was inspired by. If you look at the 'Firefox' bubble button, and if you then increase the portal view, you'll see that it handles quite a bit of abuse. You might try emailing Dan directly to see if he'll give you the 'inside mail', aye? I do not want to appear to be a salesman for Dan, but if you've got the time and income, then nab a copy (it's available electronically) of Bulletproof Web Design. It has lots of 'takes' on many of the 'real-world' issues discussed here, and is as robust a system as I've yet to see... (Tigdh sits back and waits for the wrath or scorn of the literati to descend upon him - *SMILES*) HTH... Tigdh * * * * * TAG /* --- [EMAIL PROTECTED] --- */ On 03/10/2007, at 12:18 AM, Timothy Kelty wrote: I've been searching for a good way to make a pill shaped button, with a flexible length for html text, and also a flexible height for text resizing. So ideally, if scaled they would end up looking like a rounded rectangle, but at their original size, they would be pill shaped. So far I've just been using a sliding doors technique to achieve the flexible legnth, but can't wrap my brain around how I could make it flexible height. I messed around with absolute positioning of the text and negative vertical margins a bit, but was unsuccessful. Maybe someone else has had more success, or another idea? Any thoughts are appreciated, thanks! Tim Kelty __ 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-d] em scaling and hover states with Safari Opera
hi first a belated thanks for the many times I've googled a problem this lists archive has popped up I'm using em scaling to shrink multiple 'pages' onto a page using hover to expand them a simplified test version is at http://www.trakmarx.com/css-test I'm ok with it just working in Firefox but I would of liked Safari Opera to manage as much as IE (do nothing...) in the end I used some Javascript to paper over Safari Opera's freaky behaviour does any of you know a way to get Safari Opera to play ball? thanks mark -- [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] Flexible pill buttons - an errata
Hallo again, I needed to clarify, the technique uses _two images_ and repeats them over the _four hooking points_ My apologies... If you check the source at http://browsehappy.com you'll be able to see the code and css using, say, Firefox Web Dev... Cheers... T * * * * * TAG /* --- [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] em scaling and hover states with Safari Opera
marko wrote: I'm using em scaling to shrink multiple 'pages' onto a page using hover to expand them http://www.trakmarx.com/css-test That method relies on the goodwill of each visitor. Opera, Firefox and Safari have 'minimum font size' options built in, and Firefox just happens to have that option set to none by default, while the others have an actual value. Font-size can not go below that value. In IE/win your font-size can be ignored. At my end the shrinking is controlled by 'minimum font size =14px', in Firefox, Opera and Safari, and they all treat that page more or less identical. regards Georg -- http://www.gunlaug.no __ 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] setting width on items in a row
Hi I'm looking for a simple solution to a width problem on a page showing rows of items with various other bits of info for each row. I would like to keep the info in columns and to make the columns certain widths. I have only found a way of doing this by using tables, but I'd rather avoid tables because they are more heavyweight, less flexible while authoring and do not collapse gracefully when width of the viewport is small (i.e. this needs to look alright on a PDA screen without a horizontal scrollbar.) Here's the HTML in questions: http://www.gargantus.com/sylvie/list.html In the first block on this page, I use a div per row and I can't find a way of setting width. The second block is a table. I found setting the width on inline elements is only possible if they are floated, and then it is impossible to vertically align them Any help would be appreciated, Thanks Adam __ 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] re. refining tex-align: justify
Jukka K. Korpela [EMAIL PROTECTED] wrote: Checking on IE 7, the second case, with nbsp;, works well: the last line is and strategy, as desired. I wonder where it does not work. Aha -- the problem lay in my own misunderstanding! I'd mistakenly thought that by using nbsp; I could get strategy to actually remain on the prior line. Now I see that, of course, it did eliminate that widow, by adding the 2nd to last word -- and -- to the last line. The problem with the CSS way is that you have whitespace: nowrap; instead of the correct white-space: nowrap; Thank-you, Jukka -- even though I'd checked and rechecked my CSS, that had escaped me! Now I know! Thanks, again, for all your help! - Michael Get news delivered with the All new Yahoo! Mail. Enjoy RSS feeds right on your Mail page. Start today at http://mrd.mail.yahoo.com/try_beta?.intl=ca __ 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] refining text-align: justify
You could simply add to or reduce (minor)the font size to suit.:)
Date: Mon, 1 Oct 2007 20:36:11 -0700 From: [EMAIL PROTECTED] To:
css-d@lists.css-discuss.org Subject: [css-d] refining text-align: justify
Hello; Is there any way to refine the use of {text-align: justify;} so
that one can, for example, prevent the last word of the last line from
appearing on its own line - like this? Thanks, in advance, for any tips.
- Michael Get news delivered with the All new Yahoo! Mail. Enjoy
RSS feeds right on your Mail page. Start today at
http://mrd.mail.yahoo.com/try_beta?.intl=ca
__
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/
_
Boo! Scare away worms, viruses and so much more! Try Windows Live OneCare!
http://onecare.live.com/standard/en-us/purchase/trial.aspx?s_cid=wl_hotmailnews
__
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] Keep background images out from behind floats?
I hate to say it, but for once IE is doing what I want, and the others aren't. I know IE's doing it wrong, but how do I get the same effect properly? Site: http://www.trademarkads.org/zeus It's still early on, and yes, I tried to push back about the contrast of black on grey, but no luck. What IE does that I want is: 1) The background of the first h2 considers its left border to be to the right of the floated nav, instead of going under the nav. 2) When the background of the second h2 goes under the floated image, it retains a margin between the two. Is there any proper way to do this? Preferably without classing each h2, because their position relative to e.g. the nav may change with text resizing and other changes. Otherwise I could probably just right-align the h2 background images that are adjacent to the nav. Thanks in advance __ 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] setting width on items in a row
Adam Hardy wrote: I'm looking for a simple solution to a width problem on a page showing rows of items with various other bits of info for each row. http://www.gargantus.com/sylvie/list.html In the first block on this page, I use a div per row and I can't find a way of setting width. The second block is a table. Are you thinking along these lines...? http://www.gunlaug.no/tos/alien/ah/test_07_1003.html I made no attempt to fine-tune anything, since I didn't want to change the source-code itself. Styles added in page-head. A class for each column (or selectors that IE6 doesn't support), will improve things. regards Georg -- http://www.gunlaug.no __ 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] Previous Layout Issues / WAS: Cross-browser Display Issue / Problem With NOSCRIPT Validation
J Hodge wrote: David, Thank you for this. I did apply it, and it does work in conjunction with the script - my first iteration used percentile dimensions instead of ems. Also, on the surface, it does appear to solve the font scaling issue. Except... trimmed I am not able to resolve your issue (s). You will want to seek assistance from someone else. Good luck and best wishes for success. Regards, ~dL __ 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] IE6 Back function fubar?
Thanks to some great advice from list members, I have a (large) file
up and running with a fixed menu that *stays* fixed in IE6.
[http://users.rcn.com/rtberg2/hp_ctr.html] But now I find that the
Back function doesn't work in IE6! Does anyone have any insight
into this sort of problem? It happens on another file that uses the
same construction, which I've sketched below. The solution I arrived
at for the fixed menu is to have a duplicate menu nav *outside*
container1 that only shows up in IE6--nav1 is for everyone
else. Everything works like a charm except for the Back problem.
Any hard-won wisdom on this one?
Thanks.
--Bob R.
***
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
style
. . .
#nav {display: none;}
#nav1 {font-size: 80%; width: 25%; position: fixed; left: 2%; top: 85px;}
. . .
/style
!--[if IE 6]
style type=text/css
body {height: 100%; overflow: hidden; padding: 0px; margin: 0px; }
#container1 {height: 100%; overflow: auto; position: relative; z-index: 1;}
#nav {display: block; font-size: 80%; width: 20%; position: absolute;
left: 5%; top: 80px; z-index: 2;}
#nav1 {display: none;}
/style
![endif]--
/head
body
div id=nav
list
list
. . .
/div
div id=container1
image
div id=container
div id=nav1
list
list
. . .
/div
div id=content
. . .
Lots of good stuff (6MB worth)
. . .
/div
/div
/div
/body
__
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] Ah, hell
Please ignore that last post. Eudora mangled the illustration. I'll try again. --Bob R. __ 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] IE6 Back function fubar?
Thanks to some great advice from list members, I have a (large) file
up and running with a fixed menu that *stays* fixed in IE6.
[http://users.rcn.com/rtberg2/hp_ctr.html] But now I find that the
Back function doesn't work in IE6! Does anyone have any insight
into this sort of problem? It happens on another file that uses the
same construction, which I've sketched below. The solution I arrived
at for the fixed menu is to have a duplicate menu nav *outside*
container1 that only shows up in IE6--nav1 is for everyone
else. Everything works like a charm except for the Back problem.
It's the xhtml1-transitional DTD. (I've had to replace the angle
brackets below with square brackets to keep Eudora happy.)
Any hard-won wisdom on this one?
Thanks.
--Bob R.
***
[style type=text/css]
. . .
#nav {display: none;}
#nav1 {font-size: 80%; width: 25%; position: fixed; left: 2%; top: 85px;}
. . .
[/style]
[!--[if IE 6]]
[style type=text/css]
body {height: 100%; overflow: hidden; padding: 0px; margin: 0px; }
#container1 {height: 100%; overflow: auto; position: relative; z-index: 1;}
#nav {display: block; font-size: 80%; width: 20%; position: absolute;
left: 5%; top: 80px; z-index: 2;}
#nav1 {display: none;}
[/style]
[![endif]--]
[/head]
[body]
[div id=nav]
. . .
[/div]
[div id=container1]
image
[div id=container]
[div id=nav1]
. . .
[/div]
[div id=content]
. . . Lots of good stuff (6MB worth) . . .
[/div]
[/div]
[/div]
[/body]
__
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 issue
Hey Folks, My head's getting sore from banging it against this one. In Safari, both Mac and Windows, scroll down to the bottom to see the problem. It's not exactly critical, but it would be nice to fix it. It's been tested in the other browsers and seems to work fine in all others (though if you notice a problem I'd like to know about it.) Any ideas would be greatly appreciated. Page here, running on a test bed: http://doneinstyle.com/wp/ css here: http://doneinstyle.com/wp/wp-content/themes/kickass-octoberpink/style.css -- Ciao for now, bj mailto:[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] Safari issue
On Oct 3, 2007, at 10:54 AM, bj wrote: My head's getting sore from banging it against this one. In Safari, both Mac and Windows, scroll down to the bottom to see the problem. It's not exactly critical, but it would be nice to fix it. It's been tested in the other browsers and seems to work fine in all others (though if you notice a problem I'd like to know about it.) Any ideas would be greatly appreciated. Page here, running on a test bed: http://doneinstyle.com/wp/ br class=clearA at the bottom of the page. According to the WebKit Inspector, that br is 14px tall, and thus takes up space. with my minimum font-size set to 12px. If I disable minimum font- size, the Inspector reports that element to be 1px tall, and of course it generates a line-box. PS - don't rely on font-size (0px, 1px,...) to size an element 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 issue
My head's getting sore from banging it against this one. In Safari, both Mac and Windows, scroll down to the bottom to see the problem. Page here, running on a test bed: http://doneinstyle.com/wp/ br class=clearA at the bottom of the page. According to the WebKit Inspector, that br is 14px tall, and thus takes up space. with my minimum font-size set to 12px. If I disable minimum font- size, the Inspector reports that element to be 1px tall, and of course it generates a line-box. PS - don't rely on font-size (0px, 1px,...) to size an element Philippe --- Philippe Wittenbergh http://emps.l-c-n.com Thanks Philippe, that did the trick AND didn't seem to break anything else! -- Ciao for now, bj mailto:[EMAIL PROTECTED] http://bitchslappin.net - Taking a Hard Look at the Business of Politics http://greenspeak.org - Small scale local environmental action http://kickasswebdesign.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] IE6 Back function fubar?
Bob Rosenberg wrote: [http://users.rcn.com/rtberg2/hp_ctr.html] But now I find that the Back function doesn't work in IE6! Does anyone have any insight into this sort of problem? I've seen plenty of problems with badly constructed CSS based workarounds for 'position: fixed' in IE6, but, as mentioned below: the source code in your page is of much too low quality to bother debugging your construction. It's the xhtml1-transitional DTD. Well, it sure is *not* xhtml 1.0 Transitional, no matter what the DTD says... http://validator.w3.org/check?uri=http://users.rcn.com/rtberg2/hp_ctr.html http://validator.w3.org/check?uri=http%3A%2F%2Fusers.rcn.com%2Frtberg2%2Fhp_ctr.htmlcharset=%28detect+automatically%29doctype=Inliness=1group=0st=1 ...and it looks like Tidy gave up on it. Any hard-won wisdom on this one? Well, I normally wouldn't run IE6 in standard mode with such a construction, but I haven't managed to break the [back] button no matter how I run my CSS based version... http://www.gunlaug.no/contents/wd_additions_17.html ...but I know many can't get it to work. I prefer the alternative 'position: fixed' workaround with an IE-expression... http://www.gunlaug.no/contents/wd_additions_15.html ...and haven't experienced any real problems with that one. Another detail: I can't really see the point in having duplicate menus, as the proper 'position: fixed' doesn't rely on where the element is in the source code. So why not use the IE6 menu in all browsers? regards Georg -- http://www.gunlaug.no __ 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] alignment in Firefox vs IE
I created this page using css: http://www.pcg-advisors.com/team.html The page looks correct except for the alignment of the team photos. It looks different in Firefox and IE. Does anyone have a solution to make the alignment look correct in both browsers? Thanks! _ More photos; more messages; more storageget 5GB with Windows Live Hotmail. http://imagine-windowslive.com/hotmail/?locale=en-usocid=TXT_TAGHM_migration_HM_mini_2G_0507 __ 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/
