Re: [css-d] IE 6 pixel shift

[Roger Roelofs]

David,

On Dec 1, 2006, at 3:14 PM, David Gonzales wrote:

> I am new to CSS, and would truly appreciate some help with this  
> first CSS
> project.
>
> In IE 6 the header which contains the logo pushes down the yellow  
> nav bar
> beneath it by about three pixels.  I can't seem to figure it out.
>
> The page is at
>
> http://www.accd.edu/spc/spcmain/applet/120106/default.htm

IE has several 3px bugs.  I would bet that this one is the  
'whitespace' bug.  Probably the simples solution would be to feed a  
-3px top margin to ie6 and lower either through a conditional comment  
or a css hack.  Since you don't already have an ie style sheet, I  
might be tempted to use a hack, but if you end up needing other ie  
workarounds, a separate stylesheet might be easier to maintain.  If  
you choose the 'hack' method, the following should do what you need.

* html #topnav { margin-top: -3px; }

hth

-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Make IE text clickable?

[Jon Hughes]

http://www.phazm.net/newphazm/

The "Skip to Content" link isn't clickable in IE.

I remember reading a hack for this, but I can't seem to find it.

Thanks,

 - Jon

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Help with a few minor nitpicks please...

[Highpowered]

Maxwell Balmain wrote:
> Hi All,
>
> I redid a site I am working on for an artist friend. Her art is just  
> darn cool and I am hoping this will help her.
> The site address is at:   http://maxwellbalmain.com/jordan_03dec/ 
> index.html
> The site css is at:   http://maxwellbalmain.com/jordan_03dec/styles.css
>
> Its a basic gallery site with four absolute positioned graphic  
> elements. The questions I have are (in no particular order):
>
> 1) Safari: when you mouse over the picture thumbnails the css  
> rollover effect is incomplete on the top row (only) in Apple Safari.  
> The other rows roll over just fine.
>
> 2 )In IE 6 the two top left absolute positioned graphics show about 5  
> pixels too low. I fixed this with the "backslash comment hack" which  
> moves these elements(the little bird & the "2007" star) back up 5  
> pixels in IE. Is there a better solution than resorting to this hack?  
> I would like to use clean code...
>
> 3) In IE 6 I had to use another "backslash comment hack" to move the  
> "news" list items into correct position in the absolute positioned  
> wine bottle. Without the hack the list was too far left in IE 6.
>
> 4) In IE 6 the same list in the absolute positioned wine bottle will  
> not produce the desired underline effect when mousing over the li's.  
> The underline effect works on all other browsers just fine.
>
> 5) And lastly the same li's in the absolute positioned wine bottle  
> will show the i-beam cursor during mouse overs in all browsers. Why?  
> All other links and hot elements show the standard default hand  
> cursor during mouse overs.
>
> Thanks in advance to all who can shed some light on these annoying  
> questions...
>
> Max
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>   
On IE6 (Win2k), the colored boxes containing the right nav links do not 
expand to the varying widths of the links.

I was able to get a good result from adding:

* html ul#mainmenu {
width:auto;
}


* html ul#mainmenu li {
width: 3.8em;
}


*html ul#mainmenu li a {
width:120%;
}


This made the nav bar display as same-width boxes with full link visibility.

I don't think that one was on your list, but IE6 is always good for a 
few surprises

-JCD
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Help with a few minor nitpicks please...

[Roger Roelofs]

Max,

On Dec 3, 2006, at 8:23 PM, Maxwell Balmain wrote:

> I redid a site I am working on for an artist friend. Her art is just
> darn cool and I am hoping this will help her.
> The site address is at:   http://maxwellbalmain.com/jordan_03dec/ 
> index.html
>
> 1) Safari: when you mouse over the picture thumbnails the css
> rollover effect is incomplete on the top row (only) in Apple Safari.
> The other rows roll over just fine.
What version of safari are you testing with.  I'm using a development  
build (Webkit) and it doesn't show this behavior.

> 5) And lastly the same li's in the absolute positioned wine bottle
> will show the i-beam cursor during mouse overs in all browsers. Why?
> All other links and hot elements show the standard default hand
> cursor during mouse overs.
They aren't links.  In other words, there is no a element inside of  
them.  You could force the cursor using the cursor: pointer; css  
property, but that will confuse your users to no end.

hth

-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Help with a few minor nitpicks please...

[Maxwell Balmain]

Hi All,

I redid a site I am working on for an artist friend. Her art is just  
darn cool and I am hoping this will help her.
The site address is at:   http://maxwellbalmain.com/jordan_03dec/ 
index.html
The site css is at:   http://maxwellbalmain.com/jordan_03dec/styles.css

Its a basic gallery site with four absolute positioned graphic  
elements. The questions I have are (in no particular order):

1) Safari: when you mouse over the picture thumbnails the css  
rollover effect is incomplete on the top row (only) in Apple Safari.  
The other rows roll over just fine.

2 )In IE 6 the two top left absolute positioned graphics show about 5  
pixels too low. I fixed this with the "backslash comment hack" which  
moves these elements(the little bird & the "2007" star) back up 5  
pixels in IE. Is there a better solution than resorting to this hack?  
I would like to use clean code...

3) In IE 6 I had to use another "backslash comment hack" to move the  
"news" list items into correct position in the absolute positioned  
wine bottle. Without the hack the list was too far left in IE 6.

4) In IE 6 the same list in the absolute positioned wine bottle will  
not produce the desired underline effect when mousing over the li's.  
The underline effect works on all other browsers just fine.

5) And lastly the same li's in the absolute positioned wine bottle  
will show the i-beam cursor during mouse overs in all browsers. Why?  
All other links and hot elements show the standard default hand  
cursor during mouse overs.

Thanks in advance to all who can shed some light on these annoying  
questions...

Max
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal scrolling

[Rafael Holt]

On 04/12/06, Stephen Oravec <[EMAIL PROTECTED]> wrote:
>
> Is there any sites that scroll horizontal instead of vertical ?
>
> I tried one today just for the heck of it (had nothing better to do)
> and was wondering where I might find some more info on it .
>
> or if its really worth it.
>
> my example 


Hi,

I've come across a couple of sites that scroll horizontally, mostly photo
gallery kind of sites. Haven't got the links though. They are "ok" but still
somewhat annoying - horizontal scrolling is pretty much an absolute no-no
for me, unless it's for some cool effect that wouldn't be achievable
otherwise and only for prettiness' sake. If it's to achieve some sort of
function, then it's bad. You can't use the mouse wheel when scrolling
horizontally and it's unexpected and anything unexpected (like sound from
flash without you requesting it) is an annoyance.

In short: I'd say stay away from it.

Rafael
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Need help rounding a corner with a border?

[Richard Grevers]

On 12/3/06, Jon Hughes <[EMAIL PROTECTED]> wrote:
> I need to add a rounded corner on the bottom right of this green box
> here:
> http://www.phazm.net/newphazm/

> The problem is, it has a right and bottom border (making it look like a
> shadow) that I need to preserve, and if I add a background, it will
> still be there, making it look very odd indeed.
>
> Do I need to change the way I am doing the border, or is there a way I
> can make the border rounded keeping the borders as they are?
>
Very few of the rounded corner methods tackle the difficult problem of
rounding bordered boxes.
The approaches I've seen either use up to eight nested divs (to do
four corners - which is as bad as using a table for it!) or use
positioning for the corner elements.
The latter does have some cross-browser issues, and from memory the
last time I tried it, the bottom-right corner was the hardest to get
right in IE.

http://css-discuss.incutio.com/?page=RoundedCorners is your best starting point
-- 
Richard Grevers, New Plymouth, New Zealand
Hat 1: Development Engineer, Webfarm Ltd.
Hat 2: Dramatic Design www.dramatic.co.nz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] horizontal scrolling

[Stephen Oravec]

Is there any sites that scroll horizontal instead of vertical ?

I tried one today just for the heck of it (had nothing better to do)
and was wondering where I might find some more info on it .

or if its really worth it.

my example 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] need help with several positioning problems

[Wonderbaby Designs]

> -Original Message-
> From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED]
> Sent: Sunday, December 03, 2006 11:53 AM
> Subject: Re: [css-d] need help with several positioning problems

> I haven't had a chance to look at your latest until now, and it looks
> like the page you've listed is gone.
>
> Before I start troubleshooting anything - is the _following_ page the
> one you're working on now?
> 

I'm sorry the old page is gone; I was getting confused at all the versions
of pages I had so I went on a deleting rampage at 3 am one day and got rid
of a ton of things. I apologize for any confusion that caused.

I now have 2 layouts I'm working with - there's the one you posted above
which is based on the negative margins article on ALA, and I have the one
based on Skidoo with backgrounds added in now here
http://www.wonderbabydesigns.com/testing/final_test.htm

They each seem to have their issues, and I'll be happy with whichever one I
can get to work. The ALA_3col has the simplest, cleanest code, but the
final_test layout seems to work best with the backgrounds. Perhaps someone
can tell me what it is that makes the final_test backgrounds work and I can
incorporate that into the ALA_3col layout??

If anyone is very good at translating print-based layouts into HTML/CSS, I
would love some pointers on this.

again, my design image
http://www.wonderbabydesigns.com/testing/design.jpg

my neg.margin layout
http://www.wonderbabydesigns.com/testing/ALA_3col.htm

and the skidoo layout
http://www.wonderbabydesigns.com/testing/final_test.htm

I won't delete any of those, promise =)

Thank you again for any help to get either of these layouts looking like my
design!!

Robin~


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can dropdown menus swing both ways?

[Ian Young]

> To: [EMAIL PROTECTED] Css-Discuss. Org
> Subject: Re: [css-d] Can dropdown menus swing both ways?
>
>
> Ian Young wrote:
> > Dropdown menus much fun but is it possible to code them so that
> the second
> > level slide out on the left rather than the right.
> Yes. A mind boggling example from the friendly folks at "position is
> everything." 


That looks the business,

Thanks, David

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.15.6/565 - Release Date: 02/12/2006
21:39

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] need help with several positioning problems

[Gunlaug Sørtun]

Wonderbaby Designs wrote:
> ...

> Here is the most recent test page 
> http://www.wonderbabydesigns.com/testing/testdesign.htm

> I really want this to work and I apologize if I sound defeated, but I
>  have been struggling with this design for months and I'm beginning 
> to fear that I am asking too much. I would love to be made wrong 
> about that.

We'll see :-)
I haven't had a chance to look at your latest until now, and it looks
like the page you've listed is gone.

Before I start troubleshooting anything - is the _following_ page the
one you're working on now?


Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can dropdown menus swing both ways?

[~davidLaakso]

Ian Young wrote:
> Dropdown menus much fun but is it possible to code them so that the second
> level slide out on the left rather than the right.
Yes. A mind boggling example from the friendly folks at "position is 
everything." 
>  I have tried using
> -ve margins but no joy.
>
> Ian
>   
Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Can dropdown menus swing both ways?

[Ian Young]

Dropdown menus much fun but is it possible to code them so that the second
level slide out on the left rather than the right. I have tried using
-ve margins but no joy.

Ian
**IMPORTANT*
***

This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.15.6/565 - Release Date: 02/12/2006
21:39
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centring a floating element - can it be done?

[Ian Young]

 Subject: RE: [css-d] Centring a floating element - can it be done?
>
>
> >
>
> I also have been told that menus don't work in Safari or IEMac. Anyone out
> there have any suggestions?
>

Sorted the menu in Safari - forgot the z-index -duh!

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.15.6/565 - Release Date: 02/12/2006
21:39

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Fieldset rendering in IE

[Ian Young]

> To: CSS-Discus
> Subject: [css-d] Fieldset rendering in IE
>
>
>
> http://www.fatboyjim.com/wedding/contact/contact.html
>
> And my CSS is here;
>
> http://www.fatboyjim.com/wedding/
>  styles/master.css
>
> All is well when viewed in most browsers, however - you guessed - Internet
> Explorer places the first fieldset over to the right!
>

The problem is in the margin settings - however if you change the fieldset
to a class then it all works.

Regards

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.15.6/565 - Release Date: 02/12/2006
21:39

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Fieldset rendering in IE

[Silk-Works]

Everybody happy?
 
Just popped in to ask if anyone will be able to help with a small problem I
have on a site I'm doing for a friend's wedding.
 
Very simple layout, just header, navigation and content.
 
I have prepared a pretty simple contact form here;
 
http://www.fatboyjim.com/wedding/contact/contact.html
 
And my CSS is here;
 
http://www.fatboyjim.com/wedding/
 styles/master.css
 
All is well when viewed in most browsers, however - you guessed - Internet
Explorer places the first fieldset over to the right!
 
It's a bit frustrating as I've tried to keep it as simple as possible.
 
Is there something I'm missing?
 
Regards,
 
James
 
 
 
Silk-Works,
Beddgelert, Caernarfon, Gwynedd, LL55 4YB.
Tel: 01766 890 891
  http://www.silk-works.com
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centring a floating element - can it be done?

[Ian Young]

 From: "Ian Young" <[EMAIL PROTECTED]>
>
> > the menu is not centred in its wrapper.
> >
>
> Your image is 750px wide. Use that as the width for your .navh
> div. Set {margin: 0 auto;} on that container.
>
> Specify the width of the LIs in pixels instead of ems, taking
> into account the borders you have set already.
>
> .navh li {width: 123px;]
>
> The left side of the image near the menu is very dark compared to
> the border color. Because of this, it /may/ look like the menu is
> a little narrower than the image, depending on the background
> color used on the page. You can use another selector to set the
> border color of the far left LI to be darker; at least for most
> good browsers it should work.
>
> .navh ul :first-child {border-left-color: #8e8f92;}
>
> Alternately, I suppose you could "fix" those few pixels on the
> image to be a lighter color.
>
> The majority of the {text-align: center;} declarations can be
> removed from the elements you have placed them on. Most likely
> the one on #wrapper is sufficient to center the text in the LIs,
> but test to make sure.
>
> ~holly
>

Thanks Holly, that sorted it. I had been playing around for so long that I
hadn't seen the obvious. In my desire to have the menu fluid I hadn't been
looking at the pixel solution.
Duh!

Looks cool enogh for me to replace code in actual site.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.15.6/565 - Release Date: 02/12/2006
21:39

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/