Re: [css-d] Site check: Onlinetools.org redesign
> I would appreciate feedback on the upcoming redesign of onlinetools.org: Well then we'll see what we can do. :) > http://onlinetools.org/indx.php When it loaded in FF Win 2K something very weird happened--I first saw the Stuff / Tools section and then as I was starting to read it, it disappeared. Same thing in IE Win 2K. That's not so good. When I move my mouse around the Latest Blog entries (and Articles) in FF, every so often the whole box flashes white. Weird. The Sponsors section is a bit prominent IMO and ads a bit of commercialness to an otherwise pleasant site. In the Stuff / Tools section, the rollovers are cute, but in the default state, it's a bit hard for me to read as the text is quite light in color. I would suggest that when opening one section (like Contact) that maybe the others should close. As it is, I had all open and the page became quite large. Overal the concept is very nice, but it needs a bit more work. :) Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Mac Check Please
http://scarabbooks.com/us/contact.php http://scarabbooks.com/main.css IE Mac has a problem with that form at the bottom. More exactly with the *floated* label in a table. IE mac collapses the width of the first cell, not entirely incorrect. The form inputs then cover the label partly. I absolutely don't see the need to float those labels, just deleting the 'float:left' should fix the problem. You don't see the need to float? Well, I'll have you know something, pal--you're absolutely right. The floated labels are used on other pages. For reasons beyond me, this page uses a table for the form fields and thus does not need the float. I removed it. Is it OK now? Thank you, Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Mac Check Please
http://scarabbooks.com/us/contact.php http://scarabbooks.com/main.css I'm told it doesn't look right on a Mac. IE I think. Thanks, Hershel Robinson __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background Missing in IE Mac
David Dorward wrote: On 25/09/05, Hershel Robinson <[EMAIL PROTECTED]> wrote: In the header, anyhow, I actually want it fixed so that it fits correctly into the background image. But the size of the background image (and element) is fixed in pixels. The number of points per inch is 72 (assuming the system is configured correctly) but the number of pixels per inch depends on the screen size and system resolution, so by mixing points and pixel units you can't know if it will fit correctly into the background image. Yes, you are right. That should be set in pixels, not points. I thought maybe that's what you were getting at. That should be fixed. Thank you, Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background Missing in IE Mac
IE/Mac can't cope with single quotes in url() values. Either get rid of the quotes entirely or replace them with " characters. Yes, that did it. Thank you and thanks to Yvonne. (BTW, pt units considered harmful: http://css-discuss.incutio.com/?page=UsingPoints ) I'm with you, brother. As a matter of fact, I tried explaining that to the 'graphic designer' who designed the site and he wasn't interested. He wanted basically reproductions of his PDFs. Eventually the client realized that it wasn't coming out right and he changed his mind to agree with me. I fixed some of the font sizes, but not all. In the header, anyhow, I actually want it fixed so that it fits correctly into the background image. I am not concerned if that small piece of text is not flexible. The rest of the page should be of course. When I have time, I will try to fix it. Thanks, Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background Missing in IE Mac
This page:
URL: http://www.scarabbooks.com/uk/passSRev.php
CSS: http://www.scarabbooks.com/main.css
apparently shows up with no background image in IE Mac. It must be every
page in the site in reality, as they all use that CSS file. The relevant
CSS appears to be this:
h1 { padding:0; margin:0; height: 67px; font-size: 16pt; color: #FFF;
background: url('img/headBkng.jpg') repeat-y;}
although I'm not entirely sure what the missing background is as I don't
have access to a Mac and iCapture has been down for a day or so.
Anyone know what's the issue? The background looks as desired in IE and
FF on Windows. There should be the text "Passing Time in the Loo -
Shakespeare - Reviews and PR" and an image that says "Scarab London New
York" on top of a grayish background image.
Thank you.
Hershel
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [work] [css-d] Pre-Launch Site check
Tanya Renne wrote: > Unveiling tonight - launching tomorrow ... > > http://www.orchidsuites.net/asq509/ http://www.orchidsuites.net/asq509/index.php?display=OrganizationDetails&i=2&aboutus=Y&pid=212 and I quote: ASQ 509 is the best damn section in the whole country. You are launching this tomorrow? Cute. The links (on that page for example) sometimes wrap in a less-than-aesthetically-ideal fashion IMHO. Why the + signs on the left? Makes me think it will open up to be something more. The link Submit COmments/Questions wraps and is distinctly not aesthetic. Overall, it looks nice. Perhaps it could have a bit more space allocated to the main text. I viewed it on FF Win 2K 1024 wide monitor. Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font Rendering Bug?
First of all, thank you for a VERY detailed and technical answer.
Clarity in these issues is a tremendous assistance.
This does not mean that A and Input have the same font. In fact, if you
inspect with Fx DomInspector the computed values for the first input on
your page would show:
font-family: MS Shell Dlg
(here: Fx 1.0.5 WinXPSP2, other OS differ)
On FF 1.0.6 Win 2K, I see font-family: ""
Is that correct for this OS/FF version? What I am asking is, is there a
way to see what "" actually is?
input { font-size: 15px; font-weight: 500; border: none; background: none;
font-family: Arial, sans-serif; /*add*/
}
Thank you. This solution works.
Thanks,
Hershel
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Can't Change input Background Colour
I have a set of buttons to submit a form that are styled to look
like normal anchors ie; plain text no border white background etc. In
firefox I can use input:hover and it all looks great when you rollover
it. They look just like my normal anchors and the background color
changes.
I do the same thing on a certain site. Whether or not it's actually
advisable is another matter, regarding which I will let the GUI experts
chime on.
I know that IE only supports :hover for anchors but what I can settle
for is using onmouseover on the submit button and change the className
so it changes background colour and looks like the rest of my normal
anchors. However it looks like IE doesn't let me change the background
color of a submit after the page has been rendered.
I don't have a background change, but I tried to make one and it works
just fine if you use the style attribute, not the className attribute.
This code works for me on IE6 Win 2K:
function ButOver() { this.style.color="#C30";
this.style.background="#000"; }
function ButOut() { this.style.color="#6d6d6d";
this.style.background="#FFF"; }
HTH,
Hershel
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Font Rendering Bug?
Here is my test page: http://www.mishpachaw.com/fontTest1.htm w3.org says it validates. In IE6 and Opera 8 on Win 2K, I see the first two 'continue shopping' texts in the same size font and the third one 'continue shopping big' in a larger font. I believe this is correct rendering. In FF 1.06, however, all three are rendering at a different sizes. I believe this is incorrect. The CSS is on the page. You will note in the HTML that the middle text is a link tag and the outer two are submit buttons. I thought maybe the non-standard charset could be involved (which we use in production) so I made another test with utf-8 and I see the same results: http://mishpachaw.com/fontTest2.htm Any thoughts on this? Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check
http://www.wait-till-i.com/index2.php FF Win2K -- looks great. IE6 -- FOUC problem with the popup links for Posts, Categories, etc. When they DO popup, the background loads delayed and so at first they're unreadable. Then when I put the mouse over them, the background disappears! They're left text over text and unusable. In FF, it's great--I like the popup effect. You just need to get it to work in IE. Overall, also, I like the look. Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Closing a Clear
Holly Bergevin wrote: From: Hershel Robinson <[EMAIL PROTECTED]> Any other ideas? Maybe I'm doing something wrong? Yes, remove the height restriction from #featuresLarge and the border will enclose things as you wish. How do you like that? That was it. I didn't even know that was there. No idea why I did that. Thank you. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Closing a Clear
Ad this rule to .pageBox... display: table; This should cause the red border to extend below the two columns of text. It does indeed. Has the negative side effect of also making the box only as wide as the image, which is no good. > Looks like the classic failure to contain floats. Two remedies are common: > > http://www.complexspiral.com/publications/containing-floats/ > http://www.positioniseverything.net/easyclearing.html And I've tried both! Even just sticking in a tag does NOT make the box contain the lists. Any other ideas? Maybe I'm doing something wrong? Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Closing a Clear
http://www.mishpachaw.com/eng-featuresLarge.php?w=fiction I have tried a few different methods to fix this page in FF, but nothing seems to work--the lists of the magazine features extends below the red box--I want them of course to be within the box. The CSS is here: http://mishpachaw.com/css/main.css Any suggestions are appreciated. Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check
Todd Silver wrote: You know what to do. http://www.toddsilverdesign.net/rottenmittens/index.htm FF Win 2K, the textual links at the top are quite big and close together. There's also a LOT of space before and after the copyright at the bottom. Same for IE 6. THen on the Contact Us page the submit button is right up against the line over the copyright. Doesn't match the home page. Overall however, a strong design that jumps out at a person a bit. Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [work] RE: [css-d] IE6 Rendering Wierdness
Tatham Oddie (Fuel Advance) wrote: All, Just a quick ping to say that we've finished version 0.5 of the site which should include 95% of the feedback I received on the list. http://testdrive.fueladvance.com/vve/ Looks good on FF and IE on Win 2K. Renders are various widths without breaking. One point is that the link for FAQ shows up with what appears to be a bold underline (or 2 pixels maybe) on FF but not on IE. The only suggestion I could make is perhaps a simple hover code for the links. Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Mac check, please
Barbara King wrote: Please take a look at this simple site designed by clearly a novice, but an earnest one. It seems fine on my screen with Firefox and IE6, but I'm told something's awry on a Mac. What is it and how do I fix it? Thanks. http://www.healingground.org/schedule.html Looks fine to you? On my Win 2K machine both on IE6 and FF 1.0.6 the text: A Ministry of the Servant Leadership School of Greensboro, NC ... shows up on top of the links for HOME, SERVICES etc. Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [work] [css-d] Site Check: stephenjoneslaw.com
http://www.stephenjoneslaw.com/home Anything is appreciated. Thanks! IMHO the main part of the page is quite skinny. Furthermore, on my 17" 1024 pixel monitor, the text at default size on FF is very small. Much smaller than is comfortable for me to read. Also is lacks a Contact Us page. Aside from that, the size overall looks very good to me. Hershel PS: Nice picture at the top. Who's that girl with the hat? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] A Little Firefox Firefly
When I load this page: http://scarabbooks.com/index.php CSS: http://scarabbooks.com/main.css into Firefox, it loads with the footer text "This site is protected by..." right on top of the image 'Passing Time in the Loo.' When I refresh, then the footer goes to the bottom, where it belongs. I presume this is because now Firefox knows how big the graphics are. What is the recommended method to avoid this problem when the page first loads? Thanks, Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [work] RE: [css-d] Submit Button Styling
The 'search back issues' button looks as the graphic designer wants in Firefox, but in MSIE 6, there are spaces on the sides of the text of the button. Try adding "overflow: visible;" to your input.button. How do you like that? That did it! Thank you. But please note that consistent styling of form elements across browsers and operating system is almost impossible, and it's probably better to leave the default rendering. Consistency is difficult. 'Better to use default' also has its advantages, like familiarity, but a bit of judicious styling can also be visually effective. Thanks, Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Submit Button Styling
Here is the HTML and CSS: http://mishpachaw.com/test.htm http://mishpachaw.com/css/test.css The 'search back issues' button looks as the graphic designer wants in Firefox, but in MSIE 6, there are spaces on the sides of the text of the button. The HTML and CSS provided are distilled down to essentially what appears to be potentially relevant. Anyone know why they render differently? And more importantly, how to get IE to match Firefox? Thanks, Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web Accessibility Toolbar [was Best CSS Editor? ]
> Oh, and I second the use of Firefox' Web Developer toolbar. Edit CSS > is grand, plus I use the View Style Information and various Outline > options to figure out what's going on in quirky layouts. If only > there were a similar tool for IE. I use the Web Accessibility Toolbar for IE available at: http://www.nils.org.au/ais/web/resources/toolbar/index.html which provides several tools I use regularly to assist with CSS development. HTH, Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bold and Jumpy Page :(
>From an offline response: > On line 69, column 39, your code opens a bold tag that is never > closed. > > The following is a Firefox addin that I find very useful in finding > stuff like this. > > http://users.skynet.be/mgueury/mozilla/ Wow. Fabulous. That was it. That's actually a mis-typed tag, but it was indeed causing the problem. Thanks. > Your #ads id is a victom of the IE guillotine bug. > > http://www.positioniseverything.net/explorer/guillotine.html I see. I have seen this page before but I forgot about it. That indeed seems to be it. Thank you, Hershel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Bold and Jumpy Page :(
The HTML page is here:
http://www.mishpachaw.com/index.php
and the CSS is here:
http://www.mishpachaw.com/css/main.css
I am having two issues with this page:
1 For IE6 on my Win 2K machine, if you mouseover the 'hebrew package' links
and then the footer links and move the mouse around over there, you can get
the page to jump. Once you figure out how to do it, it always does it. The
problem appears to be due to this code:
a:link, a:visited {
color: #000;
border-bottom: 1px solid #000;
text-decoration: none; }
a:hover {
color: #c30;
text-decoration: none;
border-bottom: 1px solid #FFF;
/* border-bottom: none; */
}
I first tried with the border-bottom: none on the hover code and the page
jumps. So I commented it out and it then does not jump. So then I put in a
border-bottom with a white color, as you see above, to match the page
background and appear to disappear, but yet not change the dimensions of any
links on the page, but the page still jumps.
Anyone have any ideas why?
2 On the index page above, the main text is bold, as are all of the text and
links below that. I can not find in my CSS where I am setting this to bold.
Furthermore, the links at the bottom are the same HTML on all pages for this
site, but they only appear bold on the home page. Compare to this page:
http://www.mishpachaw.com/eng-sub.php
or virtually any other page. Something is weird with this index page, but I
can't find it.
The HTML validates as does the CSS, except for this line of course:
width: expression(document.documentElement.clientWidth < 770 ? "760px":
"" );
which I am willing to live with. :)
Thank you for any ideas,
Hershel Robinson
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
