Re: [css-d] problem w/ table-less horizontal nav bar

[David Laakso]

Rob Emenecker wrote:
>  
> First, the page...
> http://rob.emenecker.com/eclasses/H152/posts/wk3-new/wk3new.htm
>
> Now, the problems...
>  
> #1 Excess whitespace between  elements in Horizontal Nav Bar
>  
>
>   

When the li's are stacked in the markup, floating will close the gaps 
and contain the nav in the page.
Something like this for example:




> #2 Excess vertical whitespace between the "header" DIV and the "navbar" DIV
> in IE6.
>   

I am not sure. As of this writing I get a 404 for your page.


>
>  
> Thanks,
> Rob
>  
>   

Best,

~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site check for CSS IE6 display issue

[David Laakso]

Jim Haslam wrote:
>  
>
> http://www.stonetreemd.com that displays wellin FF and IE7, but breaks in IE6.
> Thank you for any help you might offer.
>  
> Jim Haslam
>   

Have you corrected this, as I see no float drop in xp ie/6.0 on mac os x 
10.4.11.
Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Navigation problems. Can you help?

[Gunlaug Sørtun]

Karl Bedingfield wrote:

> http://www.discoverely.co.uk/nav/

> Any thoughts on how to get this menu to float right with 'menu 1'
> being first in line?

Pick and choose...





The necessary additions and changes are in the page head(s).

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] problem w/ table-less horizontal nav bar

[Jim Davis]

Rob,

No specific fix for you, but some resources to consider:

List Tutorial and examples:
http://css.maxdesign.com.au/index.htm

Using a single image and css background-position to change the display on
hover:
http://css-tricks.com/css-sprites-what-they-are-why-theyre-cool-and-how-to-use-them/

hth,
Jim

On Nov 27, 2007 9:41 AM, Rob Emenecker <[EMAIL PROTECTED]>
wrote:

>
> First, the page...
> http://rob.emenecker.com/eclasses/H152/posts/wk3-new/wk3new.htm
>
> Next, the current CSS...
> http://rob.emenecker.com/eclasses/H152/posts/wk3-new/carolgay.css
>
> Now, the problems...
>
> #1 Excess whitespace between  elements in Horizontal Nav Bar
>
> http://rob.emenecker.com/eclasses/H152/posts/wk3-original/wk3old.htm
>
> #2 Excess vertical whitespace between the "header" DIV and the "navbar"
> DIV
> in IE6.
>
__
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] IE Layout problems

[Peter Bradley]

Ysgrifennodd Gunlaug Sørtun:
> Peter Bradley wrote:
>
>> Whilst I've got your attention, though ...  Does anyone happen to 
>> know why IE leaves a big gap between the top_nav and the pennawd_gw.
>
> The effect of 'hasLayout' triggers on div#cynnwys - 'width' and
> 'height', which makes the container clear the ul#top_nav as a "block".
> No "sane" browser will copy that buggy behavior, but they have of course
> copied it into IE7.
>
> You'll get a cross-browser reliable start by adding / correcting to...
>
> div#cynnwys {clear: both; height: auto;}
>
> ...and adjust the 'top: 70px' to taste. The clearing get browsers in
> line, and the 'height' shouldn't be there in the first place.
>
> Setting 'height: value' on an element containing text, is always a bad
> move since it'll cause overlapping. If you want a minimum height, then
> you should declare one - with workaround for IE6...
>
> div#cynnwys {min-height: 1600px;}
> * html div#cynnwys {height: 1600px;}
>
>
> With div#cynnwys fixed in place below the ul#top_nav, you can move the
> main content and/or the left-side container up and down as you like.
>
>
> This leaves you with one problem in IE6 - the "quirky" box-model. Since
> IE6 is in quirks mode it'll include the left padding in 'width: 78%',
> while other browsers will add the left padding to that width. Either
> delete the 'xml declaration' from above the 'doctype' and let IE6 run in
> "Strict mode", or make IE6' box-model look right by feeding it another
> 'width: value'.
>
> regards
> Georg
Hi Georg and list,

First off, thanks for the fix for the list element.  That's fine now.

Your reply above is quite a bit for me to digest, but I think I get what 
you're saying (especially the bit about fixed heights not being a good 
idea).  I'll give some thought to what you've said to make sure I 
understand, and then I'll give it a go.

Before I forget to say it, I'd like to thank you for taking the time to 
explain the "why"s as well as the "what"s.  Learning is so much more 
effective when the learner gets to know why things happen like they do.  
Thanks.

Now let's see if I can actually get it to work!

Cheers


Peter
__
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] Site check for CSS IE6 display issue

[Jim Haslam]

Hello,
 
First post, please be kind as I am a trying to get the hang of CSS.
 
I have a site (HYPERLINK
"http://www.stonetreemd.com"http://www.stonetreemd.com) that displays well
in FF and IE7, but breaks in IE6. I have looked until the code all looks the
same to me, and I need a fresh set of trained eyes. In IE6 the right hand
column slides down and starts under and to the right of the left column. I
am sure that this is a common issue, and can easily be fixed somehow. I have
tried with my limited knowledge of CSS to fix it, but nothing seems to be
working. I have two CSS files, one for layout and one for styling the text. 
 
CSS: block-layout.css & block-presentation.css
 
Thank you for any help you might offer.
 
Jim Haslam
AFTEC - Advanced Forming Technology
4730 Riverside Drive, Suite C 
Salt Lake City, Ut 84123
(801) 281-2262

CONFIDENTIALITY NOTICE - The information contained in the e-mail message and
documents accompanying same are legally privileged information intended only
for the use of the individual or entity named herein. If you are not the
intended recipient, dissemination, distribution or copy of the same is
strictly prohibited.

 

No virus found in this outgoing message.
Checked by AVG Free Edition. 
Version: 7.5.503 / Virus Database: 269.16.8/1153 - Release Date: 11/26/2007
9:08 PM
 
__
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] Navigation problems. Can you help?

[Karl Bedingfield]

Hi there,

I am working on a menu and am having a brain freeze (bbrrr!!).
Here is my menu: http://www.discoverely.co.uk/nav/ What I need to do
is have the menu on the right side and not the left. I thought float
right would do this on #nav li. It does float right but reverses the
order of the list.

Here is my css nav code: http://paste-it.net/4803

Any thoughts on how to get this menu to float right with 'menu 1'
being first in line?

Thank you.
-- 
Regards
Karl
__
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] css switching

[Jump2Top .]

Try this
http://www.w3schools.com/css/default.asp



Hakan
http://primoris.com

On Nov 27, 2007 10:38 AM, Phil <[EMAIL PROTECTED]> wrote:
> Hello,
>
> I wanted to get a good tutorial on how to do css switching so I can let
> users choose a css style sheet on a site that would have multiple css styles
> available.
>
> I looked here: http://css-discuss.incutio.com/?page=StyleSwitching
>
> But it seems these are all from 2001 or so... Is  there anything more recent
> or is the information there still valid today?
>
> Thanks.
> __
> 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] problem w/ table-less horizontal nav bar

[Rob Emenecker]

Hi all,
 
I have a page from an old web site that I am using as a "guinea pig" for
upgrading to a lean, table-free CSS layout as a project for a course I am
taking. The page goes above and beyond the assignment requirements, but I
thought I'd challenge myself. Well, I've hit a wall, and I'm hoping that the
CSS guru's here might be able to provide some pointers as to where things
are breaking.
 
First, the page...
http://rob.emenecker.com/eclasses/H152/posts/wk3-new/wk3new.htm
 
Next, the current CSS...
http://rob.emenecker.com/eclasses/H152/posts/wk3-new/carolgay.css
 
Now, the problems...
 
#1 Excess whitespace between  elements in Horizontal Nav Bar
 
The horizontal navigation bar on the above page was original done with all
of the  elements run together on a single line. For clarity, I
separated these onto separate lines in the source HTML. Doing so has
introduced unwanted whitespace around the elements. How can I collapse this
whitespace while still keeping the elements on separate lines in the source
HTML? Is it even possible without over coding CSS to achieve?
 
For the purpose of troubleshooting I've placed borders around the container
 of the navbar as well as around the individual  elements. It looks
bad in Firefox because it runs outside of the width of the page layout. In
IE6 (not sure of IE7) it gets even worse.
 
Here is what I want it to look like. (This is an intermediate working page.)
 
http://rob.emenecker.com/eclasses/H152/posts/wk3-original/wk3old.htm
 
#2 Excess vertical whitespace between the "header" DIV and the "navbar" DIV
in IE6.
 
As I've gone through trying to streamline and clean up the above page, I've
introduced about 10 pixels of whitespace between the header and navbar DIVs
in IE6. (Not sure of IE7.)
 
Any suggestions???
 
Thanks,
Rob
 

Rob Emenecker @ Hairy Dog Digital
410.694.3575 (arf) || 410.694.3550 (fax)
www.hairydogdigital.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] Test with Selectors

[David Hucklesby]

On Tue, 27 Nov 2007 00:44:39 -0700, Alan Gresley wrote:
[...]
>
> The first test show my attempts with namespace.
>
>   class.com/test/css/selectors/namespace2.htm>
>
> Each of these tests shows a lexical error with this
>
> |p.test3
>
> when I try to validate the CSS. Why is this the only p.class showing the 
> error?
>
Well, the error message does say "after |" so it must be looking at the
vertical bar as a separate (unrecognized?) entity.

Sorry I don't have a Mac (you don't know how sorry ;).

Have you seen MRI?[1] It may help with your endeavors.

[1] 

Cordially,
David
--

__
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] css switching

[Phil]

Hello,

I wanted to get a good tutorial on how to do css switching so I can let
users choose a css style sheet on a site that would have multiple css styles
available.

I looked here: http://css-discuss.incutio.com/?page=StyleSwitching

But it seems these are all from 2001 or so... Is  there anything more recent
or is the information there still valid today?

Thanks.
__
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] Problems with Spry menu in IE6

[marranez Gmail]

Hi,
I'm new in web and .css design. I'm trying to make a page with two spry
menus in dreamweaver, they seems to work fine in FF and Safari, but in IE6
the vertical menu displays the submenus very close to the bottom. Also I've
used a code that I find here, to make the menu appears because I couldn't
see it in IE6 before. It's a little hard to explain.

The .css file is here:

http://www.grupocastromx.com/beta/SpryAssets/SpryMenuBarVertical.css

And the url where the problem is:

http://www.grupocastromx.com/beta/enfermeria.html

Does anybody can help me?

Thanks in advance
Marco Lara


__
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] Quick flash of header background problem (IE6, IE7)

[David Laakso]

Michel Bozgounov wrote:
> Well,
>
> 1) I removed the link to print.css, still the same, so it's not this, and
> 2) ...anyway, print.css is requestd only when printing/doing print 
> preview (by default).
>
> I spent 8 hours today trying to understand why header bg flashes on this 
> test case:(((
>
> http://www.optimiced.com/web/2007/pecsd_test/index-test-1.html
> http://www.optimiced.com/web/2007/pecsd_test/index-test-2.html
>
> ...and still almost 0 results :(
>
> --M.
>
>
>
>   

If you include both the height and width of the image in the css does 
the problem persist on a clear cache?

#whatever-id-it-is-in img {height : whatever.px; width : whatever.px;

Best,

~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Quick flash of header background problem (IE6, IE7)

[Michel Bozgounov]

Well,

1) I removed the link to print.css, still the same, so it's not this, and
2) ...anyway, print.css is requestd only when printing/doing print 
preview (by default).

I spent 8 hours today trying to understand why header bg flashes on this 
test case:(((

http://www.optimiced.com/web/2007/pecsd_test/index-test-1.html
http://www.optimiced.com/web/2007/pecsd_test/index-test-2.html

...and still almost 0 results :(

--M.


---
Jan Christian Anker wrote:
> Cound the problem be that the browser desperately 
> looks for the "print.css" file (that does not exist)?

__
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] Quick flash of header background problem (IE6, IE7)

[Jan Christian Anker]

Cound the problem be that the browser desperately 
looks for the "print.css" file (that does not exist)?

Jan Christian Anker
__ 
|ANKER - ZEMER Engineering AS
|   e-mail: [EMAIL PROTECTED]   
|   Phone: +47 22 06 44 21 
| Visitors' Address: Aslakveien 14 (Inng. A), Røa, OSLO 
|Postal Address: P.O. Box 253, 
|NO-0702 OSLO, Norway   
|VAT Reg. no.: 935 562 678 MVA
| Web Page:  http://www.anker-zemer.com 
|FSI / CFD:  http://www.linflow.com  
|   Founding Member of Technology Network Alliance,
| Web Page http://www.caeworld.com 
__
 

-Original Message-
From: Michel Bozgounov [mailto:[EMAIL PROTECTED] 
Sent: 27 November, 2007 12:29
To: Gunlaug Sørtun
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Quick flash of header background problem (IE6, IE7)

Hello, Georg,

Thanks for the quick reply! :-)

OK, lets' forget the first site for a while, it's more complicated. But 
this one, test:

http://www.optimiced.com/web/2007/pecsd_test/index-test-1.html

...has only header, a couple of columns and a footer. 3 of 4 
backgrounds. No-IE css styles (for now) -- it means, everything is just 
in ONE .css file.

The CSS file itself is very straight and contains a couple of rules and 
that's all.

Firefox 2.0 loads the page OK.

IE7, IE6 -- the background BELOW the header (background for the whole 
page) 'flashes' quickly BEFORE the header background covers it on top. 
Open index-1, then index-2, then 1 again. The backgrounds are supposed 
to be cached. But still content 'flashes'.

What could be the reason here? I am very puzzled... :(


--M.


Gunlaug Sørtun wrote:
> [EMAIL PROTECTED] wrote:
>> http://www.mycoast.eu/index.php?lang=EN
>>
>> If you open it in IE7 (IE6 behaves the same), you'll notice a quick
>> sort of 'flash' of the background *below* the header, before the
>> header background is rendered on screen.
>
> Observed in IE6 on a slow connection:
> There's an enormous amount of loading and reloading going on in that
> page on page-load and :hover.
> I'm counting seconds of reload/re-rendering time for that first "flash",
> and even on regular hover.
>
> I'd look at what effects those scripts have, and also whether you are
> repeating addresses for IE/win in the IE-only stylesheets.
> IE/win tends to reload, or check for the original, every time it sees an
> url - depending on its settings, so address those images on first load
> and never again - whenever possible.
>
> regards
> Georg

__
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] Dropdown menu not working in IE + Site test

[Ingo Chao]

Keno Multimedia wrote:
> ...
>>  Could I please have a cross browser check and help with a horizontal 
>> menu that won't drop down in IE !!
>>
>>  http://www.sun-safe.com.au/
>>
>>  http://www.sun-safe.com.au/default-stylesheet.css
>>
>>  http://www.sun-safe.com.au/IE.css
>>
>>  http://www.sun-safe.com.au/htc/IEmenu.htc


http://www.sun-safe.com.au/
In the Conditional comment, your path to the behavior htc is wrong (404)

body { behavior: url("http://www.sun-safe.com.au/html/htc/IEmenu.htc";); }

In addition, http://www.sun-safe.com.au/IE.css looks more like a memo.

Ingo

-- 
http://www.satzansatz.de/css.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] Dropdown menu not working in IE + Site test

[Keno Multimedia]

Hi list,
I have had no response from my last posts to the list ... so I thought I 
would try again ...
> 
>  Hello List,
> 
>  Could I please have a cross browser check and help with a horizontal 
> menu that won't drop down in IE !!
> 
> 
>  Test-site  url's:
> 
>  http://www.sun-safe.com.au/
> 
>  http://www.sun-safe.com.au/default-stylesheet.css
> 
>  http://www.sun-safe.com.au/IE.css
> 
>  http://www.sun-safe.com.au/htc/IEmenu.htc
> 
> 
>  Thanks in advance,
> 
>  Ken.
> 
__
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] Quick flash of header background problem (IE6, IE7)

[Michel Bozgounov]

Hello, Georg,

Thanks for the quick reply! :-)

OK, lets' forget the first site for a while, it's more complicated. But 
this one, test:

http://www.optimiced.com/web/2007/pecsd_test/index-test-1.html

...has only header, a couple of columns and a footer. 3 of 4 
backgrounds. No-IE css styles (for now) -- it means, everything is just 
in ONE .css file.

The CSS file itself is very straight and contains a couple of rules and 
that's all.

Firefox 2.0 loads the page OK.

IE7, IE6 -- the background BELOW the header (background for the whole 
page) 'flashes' quickly BEFORE the header background covers it on top. 
Open index-1, then index-2, then 1 again. The backgrounds are supposed 
to be cached. But still content 'flashes'.

What could be the reason here? I am very puzzled... :(


--M.


Gunlaug Sørtun wrote:
> [EMAIL PROTECTED] wrote:
>> http://www.mycoast.eu/index.php?lang=EN
>>
>> If you open it in IE7 (IE6 behaves the same), you'll notice a quick
>> sort of 'flash' of the background *below* the header, before the
>> header background is rendered on screen.
>
> Observed in IE6 on a slow connection:
> There's an enormous amount of loading and reloading going on in that
> page on page-load and :hover.
> I'm counting seconds of reload/re-rendering time for that first "flash",
> and even on regular hover.
>
> I'd look at what effects those scripts have, and also whether you are
> repeating addresses for IE/win in the IE-only stylesheets.
> IE/win tends to reload, or check for the original, every time it sees an
> url - depending on its settings, so address those images on first load
> and never again - whenever possible.
>
> regards
> Georg

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