Re: [css-d] Choppy Scrolling in FireFox

[Rich Points]

the pt's are left over from the previous web master and I always use ems 
for my font sizes.  I've been through these style sheets a million times 
and I can't seem to find the problem.  :-(


Rich


cFA wrote:

its another shot in the dark, but it may be your italics (granted 
thats usually an IE issue)...or something to do with your font rules, 
is there a reason why you are using ems and pts?


kind of hard to spot the issue w/out getting into your code deeper, as 
ive hit my 13 hr code day limit ;)


maybe someone else can spot it quickly.




On 10/3/05, *Rich Points* <[EMAIL PROTECTED] 
<mailto:[EMAIL PROTECTED]>> wrote:




could be your javascript, has happened to me in the past with
firefox.


Nope I removed it and it still happens. :-(




--
iron sharpens iron 


__
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] Can't click on links in IE

[Rich Points]

This was it.

Thanks
Rich

Thierry Koblentz wrote:


Rich Points wrote:
 


I validated it but I'm still not able to click on the links in IE
http://www.clubsauce.com/3.php
   



Did you try to remove all the
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod= ..." from these rules?

Thierry | www.TJKDesign.com




 


__
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] Choppy Scrolling in FireFox

[Rich Points]

No I'm not using justified text on this layout.  Here is the link 
http://www.clubsauce.com/3.php


Thanks
Rich


Christy Collins wrote:

I didn't see your original post, so I haven't seen your page, but I 
find this happens with justified text in Firefox.


-Christy

On Monday, October 3, 2005, at 10:57 PM, Rich Points wrote:




could be your javascript, has happened to me in the past with firefox.



Nope I removed it and it still happens. :-(
__
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-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-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] Choppy Scrolling in FireFox

[Rich Points]

could be your javascript, has happened to me in the past with firefox.


Nope I removed it and it still happens. :-(
__
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] Can't click on links in IE

[Rich Points]

Ah yes that was what it took for me to find it which I fixed by turning 
off position:relative on the #container.  I've used this technique in 
the past but forgot it was an option, thanks for the reminder.


Rich

Steve Clason wrote:


On 10/3/2005 5:35 PM Rich Points wrote:


I validated it but I'm still not able to click on the links in IE
http://www.clubsauce.com/3.php



What you're describing is almost always (in my experience, anyway) 
caused by a page element that covers more area than you expect and so 
overlays the element with the links.


The best way to go about troubleshooting that I've found is to put 
colored borders or backgrounds on your block-level elements and see 
what's sitting on top of what.



__
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] Can't click on links in IE

[Rich Points]

I validated it but I'm still not able to click on the links in IE
http://www.clubsauce.com/3.php

Thanks
Rich

Schalk Neethling wrote:


Rich

You should first validate your page via the w3c validator . A test I 
ran on the page you specified 
(http://validator.w3.org/check?verbose=1&uri=http://www.clubsauce.com/3.php) 
returned 106 errors. I am pretty sure somewhere in there lies your 
problem.


Rich Points wrote:


Howdy,
I've got a CSS design that's just about finished and I can't click on 
any of the links in the main content section in IE 6.  I've tried a 
bazillion things and I can't figure it out.
I'm using only Z-index once and that's on the #header section, 
z-index: 1;.  I've tried various combinations of z-index on the 
various elements but I still can't click on the links.  The header is 
the only clickable region on the page and my Suckerfish dropdowns 
won't drop past the header section.


http://www.clubsauce.com/3.php

How can I fix this?

Thanks

Time for a bike ride

Rich
__
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-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] Can't click on links in IE

[Rich Points]

Howdy,
I've got a CSS design that's just about finished and I can't click on 
any of the links in the main content section in IE 6.  I've tried a 
bazillion things and I can't figure it out. 

I'm using only Z-index once and that's on the #header section, z-index: 
1;.  I've tried various combinations of z-index on the various elements 
but I still can't click on the links.  The header is the only clickable 
region on the page and my Suckerfish dropdowns won't drop past the 
header section.


http://www.clubsauce.com/3.php

How can I fix this?

Thanks

Time for a bike ride

Rich
__
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] Choppy Scrolling in FireFox

[Rich Points]

Howdy,
I have a design that has a choppy scroll in FF.  
http://www.clubsauce.com/3.php


What's up with that?

Rich
__
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] Writing maintainable CSS for the newbies

[Rich Points]

http://www.contentwithstyle.co.uk/Articles/12/modular-css/
http://www.contentwithstyle.co.uk/Articles/17/a-css-framework/
 

Thanks Mike for the above articles.  I've been designing with CSS for 
about three years and my style sheets have been evolving to modular 
CSS.  I've never came across an article like this in my CSS self taught 
education.  Of course I've read about multiple sheets but never using 
them as mods.  If I were teaching an intro CSS class I would introduce 
this basic concept at the ground level. 

These articles made me aware of my evolution and gave some great advise 
for blowing it out and refining it.  One piece I would add to the mix is 
be sure to use server side includes. 


I can't wait for my next project to fully implement modular CSS

Thanks for the articles

Rich


__
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 image for tag problem in IE6

[Rich Points]

Howdy,
I've set up a background image with a small arrow on hyper links in my 
navigation.  This works fine in Firefox and other Gecko browsers but I 
can't get it to render in IE6.   Here is a page that uses it 
graphic-arts-schools.com/find.php 



How do I fix this?

Thanks
Rich
__
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] Header problems on resizing - Repost

[Rich Points]

I don't understand what you mean by the h1 and h4 being best in the
body content of the page either. 

I say that in reference to SEO where it's a good idea to put keywords of 
the page in the  tags..   This is off topic for this list though.



I'd be pleased to hear how it works across few browsers and OSs.
I know that IE/Win doesn't resize the text and that FF 1.06/Win
seems pretty much acceptable at this point.
 


Looks good in the latest version of FireFox.

Rich
__
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] Header problems on resizing - Repost

[Rich Points]

Hey Peter,
I put together a tweak of your page.  I did so under the assumption that 
you wanted a static width; 820px.  It's a different story if you going 
after a squishy layout.  I also tweaked the html and made it simpler.  I 
took out the H1 and H4 tag because those tags are often best used in the 
body content of the page.


http://richpoints.com/tc.html

Cheers
Rich

Peter Williams wrote:


Dear list,

I am working on a site where I have a header that contains:
- Company logo (image wrapped in h1 on left)
- Site wide navigation bar (styled ul, middle right)
- Catchy slogan (h4, bottom right)

I have an example page that can be viewed at:
http://www.nci.net.au/temp-test/

The sample page has a screen cap under the actual header showing
the relationship of the elements as intended. If you resize the
page, or resize the text the "catchy slogan" jumps around and gets
quite out of control at some sizes. I think I have overcomplicated
the markup and styles for the header (all styles in head of page
for the sample page).

How can I better contain the contents of the header div?
Should I be using a different unit of size for the text parts?

I'm not sure why I'm having so much trouble with this, but I seem
to have some sort of stylers block ;-)

Thanks in advance for all help rendered.
I'm not sure if my original request hit the list at a bad time
or something on Friday but I only got one reply (thanks Roy) and
I can't really use the suggested  since it adds whitespace
that doesn't belong.

 


__
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] How to get one tag to inherit the same style as another

[Rich Points]

Jennifer,
You will need to define the p tag first, then you can tack on the h5 
like this


p, h5{
   styles
}

This will render the same style for both tags.

Rich

J. Kang wrote:


Hi,

How can I get one tag to inherit the style already set
to another tag? This would be the default style NOT
set in any of my style sheets. 


For example, if I haven't defined a style to the 
tag but I want my  tag to have the same style as
the  tag, is there an easy way of doing that within
the stylesheet?

Thank you,

Jennifer
__
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-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] only half of the drop downs work in IE6

[Rich Points]

Howdy,
I'm working on a design and I'm having trouble getting all the drop 
downs to work in IE6.  The first three menus are dropping like they 
should but the next three, starting with 'techniques' don't work.  Has 
anyone see this problem before?

http://gatewaygourmet.com/Test/index.htm

Thanks
Rich
__
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] Child Seletors, Absolute Positioning, Internet Explorer

[Rich Points]

Thanks Jim,
Your solution didn't work because of my absolutely positioned  header.  
When I tried class="hideit" it hid the banner as you would expect but 
leaves an unwanted 140px gap at the top of the page.  This is why I'm 
using the child selectors so I can 1) hide or show the banner and 2) 
position the elements accordingly.  It would be easy if I was using 
relatively positioned elements :-(


Here are my CSS styles again with comments

/* the following is the default state and is defined in the html as */
#banner_top_container{
   display: none;
}
/*This rule pushes container down to make room for the banner, defined 
in the html as */

#banner_top>#container{
   margin: 140px auto 0 auto;
}
/*the following pushes down the header 150px to make room for the 
banner; */

#banner_top>#container>#header{
   top: 150px !important;
}
/*This rule renders the banner and positions it relative to the 
absolutely positioned #header.  */

#banner_top>#container>#header>#banner_top_container{
   display: block !important;
   margin: -175px auto 0px 80px;
   padding: 35px 0 0 0;
}

I have this working in FireFox but the trick is to get it working IE.

I'm not using the same urls from my last post here are my updated pages

This one has the banner off 
http://gatewaygourmet.com/Test/index.htm

Thia one has the banner on 
http://gatewaygourmet.com/Test/seafood.htm

Thanks
Rich


Jim Davis wrote:


Rich,

I had success with:

.hideit { display: none } [added to the css]

On pages where a banner is not shown use:
banner image goes here

I did a little demo at: http://www.jimdavis.org/test/banner_on.htm.
Click "turn banner off" to switch states.
hth
Jim

On 7/30/05, Rich Points <[EMAIL PROTECTED]> wrote:
 


CSS Gurus,
 ..The client would like to have the option to put a 
banner/advertisement above
the content section or to have no advertisement. 

Here is a page that uses a banner
http://gatewaygourmet.com/Test/seafood.shtml

and a page without a banner
http://gatewaygourmet.com/Test/index.shtml

What's needed to make this work in Internet Explorer 6?
   


__
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-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] Child Seletors, Absolute Positioning, Internet Explorer

[Rich Points]

CSS Gurus,
I'm working on a site that uses absolute positioning for the header 
section so I can place the header code at the bottom of the html.  The 
client would like to have the option to put a banner/advertisement above 
the content section or to have no advertisement.  I'm trying to use 
child selectors to manage this and I have it working in FireFox but I 
can't figure out how to get it working in IE. 


Here are the specifics of my setup

to turn on the banner layout the body tag would look like this



a non banner page would look like this



here is the the relevant CSS

#banner_top>#container>#header{
   top: 150px !important;
}
#banner_top_container{
   display: none;
}
#header>#banner_top_container{
   display: block !important;
   margin: -175px auto 0px 80px;
   padding: 35px 0 0 0;
}
#banner_top>#container{
   margin: 140px auto 0 auto;
}

Here is a page that uses a banner
http://gatewaygourmet.com/Test/seafood.shtml

and a page without a banner
http://gatewaygourmet.com/Test/index.shtml

What's needed to make this work in Internet Explorer 6?

Thanks
Rich
__
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] conditional import to css?

[Rich Points]

You don't need a separate sheet for IE hacks, you can write the hacks 
into your main sheet using the following syntax.


For example say there was a margin issue

margin: 0 0 15px 0;
_margin: 0 0 25px 0;

The second style definition only works in IE :-)  no need for a separate 
sheet.  This saves a lot of time when tweaking cross browser differences.



Rich

T. R. Valentine wrote:


I like the technique of importing an IE 'hack' stylesheet by using the

because it doesn't require good browsers to have to look at a lot of garbage.

But I've run into a problem. When using one of my available alternate
stylesheets I do not want the IE 'hack' stylesheet. But, because it is
in the XHTML file, IE uses it.

I was thinking that if there were a way to put a conditional import to
the CSS files where I need IE to use the IE hack css file, I could
take it out of the XHTML and then it would not be used when I don't
need it. Is this possible? Or, is there a better technique?

TIA.

 


__
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/