Re: [css-d] "Funny" thing happening in Firefox

[Gemsling]

On 12/05/05, Tom <[EMAIL PROTECTED]> wrote:
>http://design.tmhdesign.com/central
> ...but in firefox the box's height is expanded vertically UNTIL you
> refresh. Then it "snaps" into place? Is there a simple fix? Thanks!

I can replicate (Firefox 1.04/WinXP). Blank space appeared between the
"hp-bottom" and "hup" divs. The page is enclosed in , which has height: 100%; and so does the html
element. Maybe that's something to look at.

Not sure why Firefox behaves differently after reloading from the
cache, though. I've noticed a similar thing in Opera on some sites,
but with width instead of height.

-- 
Nathan Jones
__
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 IE5 float woes

[Diona Kidd]

Ah! You're right...there was no need for the clear: both. Thanks for 
taking the time to look! I was a bit stumped.

Diona
On May 12, 2005, at 11:54 PM, Philippe Wittenbergh wrote:
On 13 May 2005, at 11:22 am, Diona Kidd wrote:
I have a layout that I'm working on which is looking good in 
everything but IE for Mac. It's basically just two floated divs 
inside a container div. In Mac IE, the second div is pushed over as I 
would expect but it's also displayed below the first div vertically. 
I double checked the width, padding and margins and everything seems 
to be correct math-wise. I also read up on floats on Mac IE, but 
maybe I haven't found the right article yet? Does anyone recognize 
what is happening here?
div#container {clear:both} is the killer.

As I don't see any reason for having that {clear:both} in there.
Philippe
---/---
Philippe Wittenbergh
now live : 
code | design | web projects : 
IE5 Mac bugs and oddities : 
__
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 IE5 float woes

[Philippe Wittenbergh]

On 13 May 2005, at 11:22 am, Diona Kidd wrote:
I have a layout that I'm working on which is looking good in 
everything but IE for Mac. It's basically just two floated divs inside 
a container div. In Mac IE, the second div is pushed over as I would 
expect but it's also displayed below the first div vertically. I 
double checked the width, padding and margins and everything seems to 
be correct math-wise. I also read up on floats on Mac IE, but maybe I 
haven't found the right article yet? Does anyone recognize what is 
happening here?
div#container {clear:both} is the killer.

As I don't see any reason for having that {clear:both} in there.
Philippe
---/---
Philippe Wittenbergh
now live : 
code | design | web projects : 
IE5 Mac bugs and oddities : 
__
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] Border Bottom & padding problem

[Joanne]

I have the following code in my style sheet (see below).

In IE 6.0.290 - the bottom border works but the padding doesn't.
In Firefox 1.0 - the padding works but not the bottom border.

Running this code through the validator says it's ok. If I put inherent in
the 0px values, it looks worse.

Any clues?

Joanne

.addresstable
{
background-image:url(images/navempty.gif);
padding-left:14px;
padding-top:4px;
padding-bottom:4px;
border-style:solid;
border-top:0px;
border-bottom:1px;
border-left:0px;
border-right:0px;
border-color:#FF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:130%;
color:#FF;
}

__
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 IE5 float woes

[Diona Kidd]

Hi all,
I have a layout that I'm working on which is looking good in everything 
but IE for Mac. It's basically just two floated divs inside a container 
div. In Mac IE, the second div is pushed over as I would expect but 
it's also displayed below the first div vertically. I double checked 
the width, padding and margins and everything seems to be correct 
math-wise. I also read up on floats on Mac IE, but maybe I haven't 
found the right article yet? Does anyone recognize what is happening 
here?

http://new.modernflow.com/poistarr/
Thanks,
Diona
__
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 BayOne

[David Laakso]

On Thu, 12 May 2005 19:24:43 -0400, Peter Hyde-Smith  
<[EMAIL PROTECTED]> wrote:
I'd appreciate a site (re-)check of  
http://webpages.charter.net/angusair/bayonehome.html
The CSS is at http://webpages.charter.net/angusair/bayonemaincss.css
[...]
Thanks to Ingo and BJ for the help, first time through.
Nice job. A site with a reasonable line length that can be read by an old  
man at 1280 without any zoom-- how novel and unusual! Min-width holding  
well at 800, slight trimming of descender of both letter "g's" in the  
banner(IE only); and a little tight between the bottom of the nav bar and  
top of logo on zoom and at min-width(again, IE only).

If there was any problem in FF1.0.3. I don't recall it, but I wouldn't  
necessarily rule one out.

Opera8 lookin' good-- rendering my default link color instead of blue on  
"MDI" and "PU."
Try adding this at the bottom of your style sheet:
@media screen and (min-width: 0px){ /*opera*/
a (whatever it is): { color: Blue!important; }
}/*don't delete this brace like I always do*/

Peter
Regards,
David  Laakso
--
http://www.dlaakso.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] Rendering bug or not?

[Philippe Wittenbergh]

On 13 May 2005, at 2:04 am, Denis Defreyne wrote:
I stumbled upon a rather interesting problem yesterday. The issue is 
related to letter-spacing and the way it renders in the browser 
(Firefox, Safari and Internet Explorer have the problem; Opera does 
not).

Here's the Test page: http://amonre.org/hover_test.html
When hovering with the cursor over the text "Stoneship", the rightmost 
letter "p" is only partially colored red.

My question is: is this the right behaviour? Should the entire letter 
be colored?

The CSS reference ( 
http://www.w3.org/TR/REC-CSS2/text.html#spacing-props ) mentions the 
space _between_ characters, and Safari and Firefox seem to decrease 
the space after the last letter as well. I'm almost certain that it is 
wrong, but not entirely.

So, right or wrong?
* Opera 8b Mac OS X behaves the same as Firefox and Safari.
* In my humble understanding of the letter-spacing property, which I 
noted [1] in the thread Ingo mentioned, the space after the last letter 
in an **inline** string is included.
So, possibly not expected, but correct. That is how kerning works in 
DTP applications as well.

* In your test file, set the  to {display:block} and watch the 
difference.
* alternatively:
a {color:green; font-size:144px}
a span {letter-spacing: -20px;}
Stoneship

[1] for my answer:

Philippe
---/---
Philippe Wittenbergh
now live : 
code | design | web projects : 
IE5 Mac bugs and oddities : 
__
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] Safari 1.3 and a:hover question

[Philippe Wittenbergh]

On 13 May 2005, at 6:13 am, Phillip Hollweg wrote:
I have a table ...


http://www.nytimes.com";>link1


 ...
and some styles ...
.Lcell a:link { color: purple; background-color: silver; display: 
block }
.Lcell a:hover { color: purple; background-color: green; display: 
block }

The table cell background changes color when moused over in various 
browsers, but not Safari. Why is that?
It works just fine here (both Safari 1.2 and 1.3), based on that little 
snipped of code.

Do you have a url where it fails? There could be something else...
Philippe
---/---
Philippe Wittenbergh
now live : 
code | design | web projects : 
IE5 Mac bugs and oddities : 
__
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] mysterious margin problem in Firefox and Safari

[Rob Agar]

I'd say it's probably caused by a margin on the first element.  You
could try setting h2 margin: 0;

dunno if it's FF or IE at fault here, but I know which one I'd bet on :)

Rob

> -Original Message-
> From: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] On Behalf Of 
> dann s washko
> Sent: Friday, 13 May 2005 8:31 AM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] mysterious margin problem in Firefox and Safari
> 
> 
> I was putting together a skeleton of a page when I noticed a curious
> problem in Firefox (Linux, OS X, Windows) and Safari that 
> does not seem
> to exist in IE (6) on Windows.  The page in question:
> 
http://tinyurl.com/a245j

I colored the sections to identify the problem more clearly.  Note that
between the header and the main content there is a margin.  The left
menu is floated.  Any block level elements (header, paragraph) on the
first line of the main content area will cause the margin to appear.  A
simple  tag will prevent the margin from appearing as will inline
elements or just plain text.  Block level elements on any other line do
not seem to cause this problem.

I can see what causes the problem, I am just now sure why this is
happening.  One suggestion has been to add this to change the content
class to this:

.content {
background-color: rgb(255, 255, 255);
width: 640px;
margin-left: 155px;
padding-left: 5px;
padding-top: 0.1px;
}


-- 
Dann S. Washko
The Linux Link Tech Show
Check Us Out Weekly:  Live/Stream/Podcast

  http://www.thelinuxlink.net

The Linux Link Web Radio Portal
TLLTS -- LUGRadio -- The LinuxBox Show


get slack (www.slackware.com) and get happy


__
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] Possible 3 Pixel Jog Problem

[Ketan M. Vakil (518-506-6812)]

Hi. I am having a problem with the content on pages with longer copy  
only inside  #content in a  element. It certainly looks like the 3  
pixel jog error with the left nav which is floated to the left.  
Oddly, it does not show up on pages with shorter copy.

For example, this page shows the jog in IE5/6:
http://dev.ketanvakil.com/blueslate/about/team/richard_barnett.html
This one, with shorter copy, does not:
http://dev.ketanvakil.com/blueslate/about/methodology.html
(the float right piece seems to have nothing to do with it, as I have  
removed it on longer copy pages and the problem still appears)

I tried applying the fix for the jog, but to no effect.
For example:
/* MAIN CONTENT */
#content {margin: 12px 0 10px 170px; border-left: 1px dotted #606f84;  
padding: 5px 0 0 25px; max-width:700px; min-height:250px;}
#content .h2 { margin: 0 0 10px 0; color:#6b86aa; font-weight:bold; }
#content p { margin: 0 10px 0 0; padding:0 0 10px 0; font-size:.70em;  
max-width:700px; }
#content a {color: #0f3689; text-decoration:underline;}
#content a:hover {color: #5c5d5f; text-decoration:underline;}

/* Hide from IE5-mac \*/
* html #leftnav {
margin-right: 7px;
}
* html #content p {
height: 1%;
margin-left: 0;
}
/* End IE5/mac hide */
Thanks in advance for any assistance!
-Ketan
__
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] IE issue - DIV's not going full width

[Ingo Chao]

Jonathan Duncan schrieb:
I have an issue with a site I am working on:
http://hula-project.com/Hula_Server
My problem is that in IE (XP) the top navigation (#p-navbar) and
header logo (#p-logo) will not display full width across the screen
Opera8 flushes it to the left like IE6. FF centers it.
Both the nav and the logo are positioned absolutely. For a.p. elements, 
the offset is calculated with respect to the containing block = the 
nearest positioned ancestor:
http://www.w3.org/TR/CSS21/visudet.html#containing-block-details

But, as in your case: "If there is no such ancestor, the containing 
block is the initial containing block.", and:
"The containing block in which the root element lives is chosen by the 
user agent. ... This containing block is called the initial containing 
block."

your rule
body { margin: 0pt auto;} will center  relative to 
So, IE and Opera do calculate the offset with respect to , while 
FF calculates with respect to  (and all is valid IMHO).

Try position:relative in body, for a start. More fixes are needed for 
Opera and IE, though.  Anyone?

(tested with disabled javascript: "/stylesheets/IEFixes.js" (?!))
Ingo
__
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] mysterious margin problem in Firefox and Safari

[L. David Baron]

On Thursday 2005-05-12 18:31 -0400, dann s washko wrote:
> I was putting together a skeleton of a page when I noticed a curious
> problem in Firefox (Linux, OS X, Windows) and Safari that does not seem
> to exist in IE (6) on Windows.  The page in question:
> 
> http://tinyurl.com/a245j
> 
> I colored the sections to identify the problem more clearly.  Note that
> between the header and the main content there is a margin.  The left
> menu is floated.  Any block level elements (header, paragraph) on the
> first line of the main content area will cause the margin to appear.  A

This is because vertical margins collapse.  Hn and P elements have
nonzero margin-top and margin-bottom from the user-agent style sheet.
This margin-top collapses with the (zero) margin-top of the DIV (with
class="content") and the collapsed margin ends up *outside* the DIV.

-David

-- 
L. David Baronhttp://dbaron.org/ >
  Technical Lead, Layout & CSS, The Mozilla Foundation


pgpu9unKgBsCq.pgp
Description: PGP signature
__
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] Site Check BayOne

[Peter Hyde-Smith]

12 May 2005
Hello All:
I'd appreciate a site (re-)check of 
http://webpages.charter.net/angusair/bayonehome.html
The CSS is at http://webpages.charter.net/angusair/bayonemaincss.css

XHTML 1.0 STRICT and CSS validate at W3C. As before, links are dead, 
except to the products page, which has a different header but same 
content. The logo .gif is blurry due to numerous file conversions and 
re-sizing. I am especially interested in getting rid of redundant code.

Thanks to Ingo and BJ for the help, first time through.
Cheers,
Peter
Peter Hyde-Smith, Fat Paw Design
[EMAIL PROTECTED]
Crimson Editor 3.70  Firefox 1.0.4  IE6 6.0.2900 w/SP2  Avant 10.0.167  
Opera 8.0  Netscape 7.2  Safari 1.2.4.
__
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] RE: Css menu not showing

[Al Sparber]

By the way, the menu is there and working on the second page - there 
is just no background to set off the white text. Make sure your style 
sheets are the same.

Al Sparber
PVII
http://www.projectseven.com
"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".

From: "Joyce Evans" <[EMAIL PROTECTED]>
http://www.ppscoaching.com/NewSite/360.htm  I copied over the head 
code and
the navigation code and put on this page:
http://www.ppscoaching.com/NewSite/index.htm  but for some reason 
the menu
won't show. Any ideas on what would cause this? It's the same style 
sheet,
the same code in the head of the document and the body onload tag. 
I've
scoured the code for differences and can't see it. I was wondering 
if
perhaps the different divs and their positioning on this particular 
page
would affect the menus.
__
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] I hope this is the last time

[Lorin Rivers]

Allright,
Design change required a little tweaking to get it to this point. Now  
the top section is ~55px too tall. In IE6 only, of course.

I've taken all the heights, widths, and most padding and margin in an  
effort to isolate the problem, to no joy.


TIA
--
Lorin Rivers
Mosasaur: Killer Technical Marketing 

512/203.3198 (m)
__
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] Problems with simple layout

[Michael Wilson]

On Thu, 12 May 2005 13:07:39 -0400, The Idol <[EMAIL PROTECTED]> wrote:
[...]
I have revised that example page to be more clear.

Hi,
Try this approach... you may have to play with padding to tweak it into 
something you like; this is pretty much a standard square.

*CSS*
.container {
background-color: #E0E0E0;
float: left;
padding: 0 10px 10px 0;
}
.container .thumb {
border: 1px solid #FFF;
background: url(BG014.jpg) repeat left top;
/* display: inline; fixes IE's double margin bug, */
display: inline;
float: left;
margin: 10px 0 0 10px;
padding: 10px;
}
*Markup*

  

  
  

  

--
Best regards,
M. Wilson
__
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] RE: Css menu not showing

[Al Sparber]

From: "Joyce Evans" <[EMAIL PROTECTED]>
I have a Project Seven menu working on this page:
http://www.ppscoaching.com/NewSite/360.htm  I copied over the head 
code and
the navigation code and put on this page:
http://www.ppscoaching.com/NewSite/index.htm  but for some reason 
the menu
won't show. Any ideas on what would cause this? It's the same style 
sheet,
the same code in the head of the document and the body onload tag. 
I've
scoured the code for differences and can't see it. I was wondering 
if
perhaps the different divs and their positioning on this particular 
page
would affect the menus.
Joyce,
Both pages are broken. Looks like you have set your Dreamweaver tag 
library to write  tags like this:


Links

You'll need to fix that by changing your Tag Library back to default. 
Once you do that, you can use the menu extensions UI to rebuild the 
markup for you.

Gotta watch that Dreamweaver :-)
If you need specifics, contact us as I'm sure this not really a CSS 
issue.

--
Al Sparber 

__
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] RE: Css menu not showing

[Ingo Chao]

Joyce Evans schrieb:
...
http://www.ppscoaching.com/NewSite/360.htm  I copied over the head code and
the navigation code and put on this page:
http://www.ppscoaching.com/NewSite/index.htm  but for some reason the menu
won't show. Any ideas on what would cause this? It's the same style sheet,
the same code in the head of the document and the body onload tag. 
No.
http://www.ppscoaching.com/NewSite/index.htm is importing:
http://www.ppscoaching.com/NewSite/ppsMain.css
#nav {
width: 790px;
padding: 0px;
}
while
http://www.ppscoaching.com/NewSite/360.htm is importing:
http://www.ppscoaching.com/NewSite/ppsInside.css
#nav {
width: 790px;
padding: 0px;
background-image: url(images/btn_bk.gif);
background-repeat: repeat-x;
height: 45px;
}
regards, Ingo

__
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] mysterious margin problem in Firefox and Safari

[dann s washko]

I was putting together a skeleton of a page when I noticed a curious
problem in Firefox (Linux, OS X, Windows) and Safari that does not seem
to exist in IE (6) on Windows.  The page in question:
http://tinyurl.com/a245j
I colored the sections to identify the problem more clearly.  Note that
between the header and the main content there is a margin.  The left
menu is floated.  Any block level elements (header, paragraph) on the
first line of the main content area will cause the margin to appear.  A
simple  tag will prevent the margin from appearing as will inline
elements or just plain text.  Block level elements on any other line do
not seem to cause this problem.
I can see what causes the problem, I am just now sure why this is
happening.  One suggestion has been to add this to change the content
class to this:
.content {
   background-color: rgb(255, 255, 255);
   width: 640px;
   margin-left: 155px;
   padding-left: 5px;
   padding-top: 0.1px;
}
--
Dann S. Washko
The Linux Link Tech Show
Check Us Out Weekly:  Live/Stream/Podcast
 http://www.thelinuxlink.net
The Linux Link Web Radio Portal
   TLLTS -- LUGRadio -- The LinuxBox Show
get slack (www.slackware.com) and get happy
__
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 issue - DIV's not going full width

[Jonathan Duncan]

I have an issue with a site I am working on:

http://hula-project.com/Hula_Server

We are using the MediaWiki tool on it which is only a side note.  My problem is 
that in IE (XP) the top navigation (#p-navbar) and header logo (#p-logo) will 
not display full width across the screen like they do in IE.  I have been 
tweaking the CSS and reading for the past couple days and I am having a bit of 
a brain cramp.  If I had written it myself it would probably be easier to 
figure out.  Anyway, if someone could tell me what I am doing to make IE mad at 
me I would appreciate it.

Thank you,
Jonathan Duncan
__
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] RE: Css menu not showing

[David Laakso]

On Thu, 12 May 2005 17:55:28 -0400, Joyce Evans <[EMAIL PROTECTED]>  
wrote:

I have a Project Seven menu working on this page:
http://www.ppscoaching.com/NewSite/360.htm  I copied over the head code  
and
the navigation code and put on this page:
http://www.ppscoaching.com/NewSite/index.htm  but for some reason the  
menu
won't show. Any ideas on what would cause this? It's the same style  
sheet,
the same code in the head of the document and the body onload tag. I've
scoured the code for differences and can't see it. I was wondering if
perhaps the different divs and their positioning on this particular page
would affect the menus.

Thanks
Joyce Evans
Run the page through Tidy Online to correct errors you may have in the  
HTML file , and did you check the path-- is  
the page finding the required file?
Regards,
David Laakso

__
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] RE: Css menu not showing

[Joyce Evans]

 
I have a Project Seven menu working on this page:
http://www.ppscoaching.com/NewSite/360.htm  I copied over the head code and
the navigation code and put on this page:
http://www.ppscoaching.com/NewSite/index.htm  but for some reason the menu
won't show. Any ideas on what would cause this? It's the same style sheet,
the same code in the head of the document and the body onload tag. I've
scoured the code for differences and can't see it. I was wondering if
perhaps the different divs and their positioning on this particular page
would affect the menus.

Thanks
Joyce Evans


__
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 Please--Tom

[David Laakso]

On Fri, 13 May 2005 00:27:49 -0400, Tom <[EMAIL PROTECTED]> wrote:
Would the group please check this site for me that  just put up -
http://www.harborhouseinn.com    Thanks  
so
Tom,
XP_SP2 IE6.0/FF1.0.3/Opera8 optimal 1280 LCD
Working well in above browsers with some minor exceptions:
This line of type is cut-off and unreadable at 800 in all browsers:
Santa Barbara Lodging - Harbor House Inn (& date).
There are a couple of CSS and HTML errors to fix.
The list at the very bottom slips under the container on the 1st zoom  
click in FF. Some might say the lack of text when images are disabled is a  
minor accessibility issue.
Subjective opinion: I personally find the background-color overwhelming,  
particularly at 1280; and the use of that same color for the text  
difficult to read and not very appealing at any screen resolution.
Thomas M. Hall
Best,
David Laakso
--
http://www.dlaakso.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/

[css-d] Safari 1.3 and a:hover question

[Phillip Hollweg]

Hi -- I am guessing this has come up before, but I have not looked for 
the answer in the right place.

I have a table ...


http://www.nytimes.com";>link1


 ...
and some styles ...
.Lcell a:link { color: purple; background-color: silver; display: block 
}
.Lcell a:hover { color: purple; background-color: green; display: block 
}

The table cell background changes color when moused over in various 
browsers, but not Safari. Why is that?

Thanks,
Phillip
---
__
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] floating an image bottom right

[Steve Clay]

Thursday, May 12, 2005, 7:05:35 AM, Jeroen van der Goorbergh wrote:
> I'm looking for a way to position an image in the bottom right corner
> of a fluid height container and still have text wrap around it.
> http://www.xs4all.nl/~jer03n/sandbox/float-bottom-right.html

http://mrclay.org/web_design/bottom_float
I took the same approach, just used Javascript to measure the box height
floating at the top, then set the needed height of the spacer explicitly.

If you do this, give your pic a healthy margin because IE will run over the
edge of it. 

Steve
-- 
http://mrclay.org/ : http://frenchhorns.mrclay.org/

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

[David Laakso]

On Thu, 12 May 2005 04:56:01 -0400, Virtuallee <[EMAIL PROTECTED]>  
wrote:
Please could you check my site (especially mac) and let me know if it's  
not displaying correctly?
http://www.virtuallee.co.uk/Kessler_testing/index.php
Only the main links are working.
Lee,
XP_SP2 IE6.0/FF1.0.3/Opera8
Nice visuals. Some rendering problems possibly helped somewhat by  
validating the CSS and HTML files. Your layout goes bonkers on zoom in  
IE-- changing the font-size on the body from 1em to 100%(or 100.01% for  
Opera's sake) should help with this bug. The h-nav & clocks start to break  
the layout a little early on zooin in FF, and the footer begins to walk up  
the page as well.
aside: Font-size 0.8em for the text is kind of small for those using a  
1280(or larger) monitor. Consider using default with an appropriate  
adjustment of the lead.
Thanks!
Lee
Best,
David Laakso
--
http://www.dlaakso.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] Two inline lists - one left, one right

[Ingo Chao]

Rob Freundlich schrieb:
I've been offered two approaches:
My browser support requirements are IE 6 and Netscape 7.  Both approaches
work in both browsers.  Given that, does either approach have an advantage
over the other?
I wonder why nobody has suggested:
"TILT: How to Stop Feeling Bad About Using Tables for Layout and Start 
Enjoying Your Markup
http://glazkov.com/blog/archive/2005/05/02/476.aspx";

I think the main problem with this and other ASCII art questions without 
an URL is that we truly cannot answer them nor discuss the answers 
because we don't know anything about
a) the content, and
b) the context.

regards, Ingo
__
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 Please

[Virtuallee]

Would the group please check this site for me that  just put up -
http://www.harborhouseinn.com    Thanks so
much. (Please excuse the Flash intro as it is not my creation..)
 

Hi
On Mozilla and IE 6.0, 2 things
- the red area at the top varies in height on different pages.
- page heading needs to have a margin-left (if you want to line up with 
'Home' link above)

IE 6.0
site map page and this page 
http://www.harborhouseinn.com/santa-barbara-special-offers.asp - text at 
top of page is cut off

Otherwise looking good.
Lee


--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.11.6 - Release Date: 06/05/2005
__
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] Two inline lists - one left, one right

[CSS LIST EMAIL]

I just came across this while searching, hopefully this helps?

http://www.spartanicus.utvinternet.ie/left_and_right_alignment_using_css.htm
 

>Note that when the lists are long and the window is short, they overlap:
http://www.tora.us.fm/dugma/2lists.html (I have IE 6)

>Note also, that putting the lists in a table solves the problem
conveniently.
>However, using tables is not "CSS correct"...

>Is there a better way?


__
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] reducing margins/padding in certain areas

[Arnie Shafer]

I would like to know how to increase the width of the tables.

I have wide margins/padding in this main-text div for added white space, 
shorter lines etc. I would like to increase the width for all of the tables 
only.  The text is to "bunched up in them.
Thanks, Arnie
http://abshafer.com then select veterans page
__
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] Rendering bug or not?

[Uwe Kaiser]

>
> Jukka K. Korpela:
> http://www.cs.tut.fi/~jkorpela/www/letter-spacing.html
>
>
> What’s wrong with letter-spacing?
>
> The letter-spacing property is suitable for adjusting spacing between 
> letters in some piece of text in general, e.g. in a paragraph.
>
--

Not even this, because the support in MSIE/PC is insufficient.
Try to stretch a line with about 60 characters to obtain a length
of five or ten pixel wider.
Since the smallest unit in MSIE is 0.05em, it is impossible.
In my opinion, you can letter-spacing use in headlines etc. only.
Even than you need to use 'hacks' to get an so-so equal result in
different browsers.
Regards,
Uwe Kaiser
__
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] Site Check Please

[Tom]

Would the group please check this site for me that  just put up -
http://www.harborhouseinn.com    Thanks so
much. (Please excuse the Flash intro as it is not my creation..)

 

Thomas M. Hall

 

__
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] Scroll bars

[Mickey Slater]

Jimbo. 

In a quick test..

removing-
overflow: hidden; 

from -
/* hack below forces firefox to honor the 100% sizes in the swf */
body, html {
height: 100%;
overflow: hidden;
 }

caused the scroll bars to re-appear.. but unfortantly I don't have the
ability to test this in a variety of browsers, just IE6 and FF. 


Mickey!

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Jim Berkey
Sent: Thursday, May 12, 2005 11:46 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Scroll bars

Long time . . . first time . . .

Why do vertical scrollbars not appear in Windows IE and Firefox when needed?
http://jimbo.us/Diane/Butterfly-TigerSwallowtail.html

css:
http://jimbo.us/Diane/1.css

Thanks,
Jimbo

__
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] site check

[Dave Sayer]

I looked at the site in Firefox (Windows XP Pro) and IE5 (MAC OS9) and...
Firefox - pages wouldn’t reduce beyond about 1024 res. Line spacing does
look pretty large.
IE5 (MAC) - Layout is completely disjointed, everything drops down about 100
- 150px:
Clocks
Dropped 150px
Logo
Dropped 150px
Nav bar
Dropped 150px
Large graphic
Droped 400px
Main content & left text
Dropped 400px
Footer 

Looking at your code, you seem to have quite a few unnecessary divs which
are possibly playing havoc with browsers. Sorry I do not have enough time to
look at solutions.

Best of luck!!


 
Dave Sayer | Digital Meme
Freelance web design/development
Web: http://www.digitalmeme.com 
> -Original Message-
> From: Virtuallee [mailto:[EMAIL PROTECTED]
> Sent: 12 May 2005 09:56
> To: css-d@lists.css-discuss.org
> Subject: [css-d] site check
> 
> Hi
> 
> Please could you check my site (especially mac) and let me know if it's
> not displaying correctly?
> http://www.virtuallee.co.uk/Kessler_testing/index.php
> Only the main links are working.
> 
> 
> Thanks!
> Lee
> 
> 
> 
> --
> No virus found in this outgoing message.
> Checked by AVG Anti-Virus.
> Version: 7.0.308 / Virus Database: 266.11.6 - Release Date: 06/05/2005


-- 
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.11.8 - Release Date: 10/05/2005
 

__
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] Two inline lists - one left, one right

[Leszek]

> Note that when the lists are long and the window is short, they overlap:
> http://www.tora.us.fm/dugma/2lists.html (I have IE 6)
> 
> Note also, that putting the lists in a table solves the problem
> conveniently.
> However, using tables is not "CSS correct"...
> 
> Is there a better way?
> 

Maybe set a width:50% on both, and a margin-left:50% on the right one?

- Leszek
[EMAIL PROTECTED]

__
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] Scroll bars

[Jim Berkey]

Long time . . . first time . . .

Why do vertical scrollbars not appear in Windows IE and Firefox when needed?
http://jimbo.us/Diane/Butterfly-TigerSwallowtail.html

css:
http://jimbo.us/Diane/1.css

Thanks,
Jimbo

__
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] Rendering bug or not?

[Ingo Chao]

Denis Defreyne schrieb:
So, right or wrong?
In Jan 2005, there was this interesting thread
"Can letter-spacing be used for detailed adjustments?"
http://archivist.incutio.com/viewlist/css-discuss/51115
Jukka K. Korpela:
http://www.cs.tut.fi/~jkorpela/www/letter-spacing.html
Ingo
__
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] Problems with simple layout

[David Laakso]

On Thu, 12 May 2005 13:07:39 -0400, The Idol <[EMAIL PROTECTED]> wrote:
[...]
I have revised that example page to be more clear.

This is hard
The Idol
Tweak and try:
css
.thumbnail { background: url(../../BG014.jpg); border: 1px solid #999;  
float: left; margin: 5px 5px 0 0; padding: 18px 7px 18px 7px; width:  
128px; }
html


Regards,
David Laakso


--
http://www.dlaakso.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] Bold and Jumpy Page :(

[Hershel Robinson]

>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] thrashbox model bug in IE

[Luke Mildenhall-Ward]

Hi
This is my first posting on a list, so forgive me if I've done anything 
wrong.
Right, my website - www.sential.co.uk (css = 
www.sentialco.uk/style.css) used to have my own border model design on 
the content boxes, but I was having problems with it on IE, and someone 
directed me to (Ryan's?) Thrashbox design 
(http://www.vertexwerks.com/tests/sidebox/).

I've modified it slightly, and it's working great. However, if you 
click on the Releases button, you will see - in IE - that because of 
the image, it is uneven on the left side. I can't quite figure out what 
it is, but it's fine on all other pages, just this one with the image 
at the bottom.

If anyone can help, that would be great!
Regards,
-Luke
__
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] Print Stylesheet problem

[Scott Povlot]

Well,  I will try this post again with a different
subject and some more information.

I found that if I set absolute positioning on the
"section" div that I could fix the Firefox problem
where there is a pagebreak after the header section. 
I found this out by removing the print CSS altogether
to see the default print preview.  In that case, my
navbars showed properly.  They are positioned
absolutely on the page.  The problem CSS is still on
the website if you want to see the problem.

However, I don't think this solves my problem 100%. 
Some text still seems to run off the end of the page.
Are there known CSS print problems with Firefox?

Also, my text is still missing on IE when positioned
next to my floated images.

Website: http://www.piedmont-div.org/test/
CSS: http://www.piedmont-div.org/test/css/styles.css

Thanks very much for your help.

Scott


--- Scott Povlot <[EMAIL PROTECTED]> wrote:
> I am having some problems with my print CSS.  I am
> hoping that someone on the list will be able to help
> me.
> 
> I have two different problems.  On Firefox, the
> header
> section prints on a separate page than the content. 
> I
> cannot figure out why.  I have tried changing
> margins
> and padding on multiple sections without success.
> 
> On IE, the header and content print on one page. 
> But
> on the home page, the photo captions disappear. 
> Again, I am not sure why.
> 
> My print CSS removes navigation areas and sets a
> specific print size.
> 
> 
> Website: http://www.piedmont-div.org/test/
> CSS: http://www.piedmont-div.org/test/css/styles.css
> 
> The following print media section is at the bottom
> of
> the styles.css file.
> 
> /*---print---*/
> 
> @media print {
> 
> body { font-size: 10pt; }
>   
> a { color: black; background: none; }
>   
> #section { border: 1px solid red; 
> margin-left: 2em; }
> 
> #content {
>   font-family: arial, helvetica, sans-serif;
>   margin-right: 2em;
>   border: 0;
> }
>   
> #header form, #primaryNav, #secondaryNav, #goToTop,
> #sidebar { display: none; }
>   
> }


__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.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] Problems with simple layout

[The Idol]

Michael Wilson wrote:

> the Idol wrote:
>
>> As you can see in IE the thumbnail is hugging the top left corner of
>> my background image and I see the background color behind it (which
>> is correct)
>
>
>> Any help with this simple thing would be greatly appreciate. ( I hope
>> that it is possible to look the same in both browsers)
>
>
> I suppose a lot of how you approach this might depend on what you
> *didn't* tell us about other elements you might add to the layout. As
> far as making this layout look the same in Firefox and IE, I used the
> following and seemed to have good results. In addition to looking the
> same in both browsers, the images will flow with the viewport size, so
> it will work well at various resolutions. If you want to add a caption
> to the images, which you didn't specify, you'll need to play with
> things a bit, but hopefully this will get you on track.
>
> Only tested in Firefox and IE 6:
>
> * CSS *
>
> body {
> margin: 0;
> padding: 0;
> }
>
> .container {
> background-color: ThreedFace;
> display: inline;
> float: left;
> padding: 0 10px 10px 0;
> }
>
> .thumbcontainer {
> background: url(BG014.jpg) repeat left top;
> border: 1px solid #FFF;
> /* display: inline; fixes IE's double margin bug, */
> display: inline;
> float: left;
> margin: 10px 0 0 10px;
> padding: 0 10px 46px 0;
> }
>
> .thumbcontainer .thumb {
> clear: both;
> float: left;
> }
>
> * Markup *
>
>
> 
> 
>   
> 
> 
>   
> 
> 
>
I have revised that example page to be more clear.

This is hard


The Idol
__
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] Rendering bug or not?

[Denis Defreyne]

Hello list.
I stumbled upon a rather interesting problem yesterday. The issue is 
related to letter-spacing and the way it renders in the browser 
(Firefox, Safari and Internet Explorer have the problem; Opera does 
not).

Here's the Test page: http://amonre.org/hover_test.html
When hovering with the cursor over the text "Stoneship", the rightmost 
letter "p" is only partially colored red.

My question is: is this the right behaviour? Should the entire letter 
be colored?

The CSS reference ( 
http://www.w3.org/TR/REC-CSS2/text.html#spacing-props ) mentions the 
space _between_ characters, and Safari and Firefox seem to decrease the 
space after the last letter as well. I'm almost certain that it is 
wrong, but not entirely.

So, right or wrong?
Regards,
amon-re
--
mail: [EMAIL PROTECTED]
web: http://www.amonre.org/
__
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] Interesting rotation caching issue

[Scott Povlot]

Phillip,

Perhaps, you can change your PHP script to set
no-cache HTTP headers using Cache-Control or Pragma
when sending the image.

You can find examples at the following sites:

http://us4.php.net/header
http://www.sitepoint.com/article/php-anthology-2-5-caching

Regards,

Scott Povlot

--- Phillip Smith <[EMAIL PROTECTED]>
wrote:
> C) Knows why the method I've tried is caching on PC
> browsers?
> D) Knows of a fix to solve the caching issue?




Discover Yahoo! 
Find restaurants, movies, travel and more fun for the weekend. Check it out! 
http://discover.yahoo.com/weekend.html 

__
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] Problems getting one class to show, too many !importants, help!

[James Hallam]

Thanks for taking a look.  I cleaned up the HTML, and
it validates XHTML Transitional now, with valid CSS. 
The problem ended up being that I hadn't "float:
left"-ed the webtopMenuIconDiv DIVs; changing that
makes the line appear now.  But now, the icons are all
aligned left, and no amount of text-align: center and
margin-left/right: auto will push them back to the
middle (in Firefox - IE is fine).

Any suggestions?

Is it still breaking in Safari? (I'd love to test, but
don't have access to a Mac).

--- Charles Stuart <[EMAIL PROTECTED]> wrote:
> 
> 
> On May 11, 2005, at 2:16 PM, James Hallam wrote:
> 
> > Source file is here:
> >
> >
>
http://james.globalhavens.com/css-discuss/webtop/webtop.html
> >
> > If you look at the HTML at the bottom, there are a
> few
> > DIVs with the class "webtopMenuIconDiv" that are
> > supposed to group the icons on the second row,
> > providing a little padding, and a visible vertical
> > line.  This is what I've currently got:
> >
> > #webtopMenuIconDiv {
> > border-right: 1px #D8D2BD solid !important;
> > padding: 0 10px 0 10px !important;
> > background-color: pink !important;
> > }
> >
> > Nothing shows up, however.  No spacing, no border.
> > You'll see that the code is starting to become
> > littered with !important, something I'm not so
> happy
> > with.
> >
> > Can anyone spot something I've missed, or offer a
> > suggestion?  The content will eventually be
> generated
> > server side, so I really want a container div to
> hold
> > these icons for context, and not just provide the
> line
> > through some other means.
> >
> > I'm working with IE 6 and Firefox 1.0.3 - those
> are
> > are the only targetted browsers for now.
> >
> 
> In Safari your circular buttons + labels are in two
> rows, with the 
> second row starting at "reinsurance".
> 
> Your HTML code appears to be quite sloppy -> empty
> class names, extra 
> divs, etc. I would clean this up and then see how
> everything looks.
> 
> If it doesn't work in Safari, even though you're not
> targeting it, it's 
> an implication of why you're having problems...
> 
> 
> 
> 
> HTH
> 
> 
> best,
> 
> Charles
> 
> 
>
__
> 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/
> 

__ 
Post your free ad now! http://personals.yahoo.ca
__
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] Interesting rotation caching issue

[Chris Ovenden]

I was just sad that the celeb's head wasn't going round.

Sorry, it's been a tiring day...

Chris
__
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 :(

[Hershel Robinson]

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/

Re: [css-d] Interesting rotation caching issue

[Robert Tweed]

Phillip Smith wrote:
background-image: url(../med/rotate_home/rotate.php); ...
[snip]
Anyway, the techniques works fine for Safari and Firefox on the Mac, but 
appears to simple cache the first image for most PC browsers.
No idea if this will work, but it's a trick from other environments to 
defeat the local cache. Try:

> background-image: url(../med/rotate_home/rotate.php?); ...
The question mark at the end tells the browsers that the file is a CGI 
script. I don't know whether adding a dummy parameter will work or not, 
but the best cache-defeating technique requires a random parameter, and 
that's not possible here because you can't insert a script in your CSS.

Of course, Josh's suggestion of dynamically writing the CSS might be a 
better approach. Apart from anything else, it will allow the images to 
be cached, reducing your server load. That's the way I've done the same 
thing in the past.

- Robert
__
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] Two inline lists - one left, one right

[Erel Segal]

Note that when the lists are long and the window is short, they overlap:
http://www.tora.us.fm/dugma/2lists.html (I have IE 6)

Note also, that putting the lists in a table solves the problem
conveniently.
However, using tables is not "CSS correct"...

Is there a better way?



-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Ingo Chao
Sent: Thursday, May 12, 2005 1:32 PM
To: Rob Freundlich
Cc: CSS Discuss
Subject: Re: [css-d] Two inline lists - one left, one right


Rob Freundlich schrieb:
> Consider two lists:
>
> 
> Left1
> Left2
> Left3
> 
>
> 
> Right1
> Right2
> Right3
> 
>
> I'd like to format them such that the "Lefts" are flush-left on the page
and
> the "Rights" are flush-right on the page:
>
> Left1 Left2 Left3Right1 Right2 Right3
>

without floats:

ul {margin:0; padding:0; line-height:1em;}
li {display: inline;}
ul.right {text-align: right; display:block; position:relative; top:-1em;}

Ingo


__
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] Interesting rotation caching issue

[Josh Moont]

You could try using dynamic css. In other words within your page you
could call something like:

<%
code for choosing imageurl
%>

banner{
background-image: url(<%=imageurl%>); 
background-repeat: no-repeat;
}


I would do it in the header of the page as you are probably
experiencing a caching issue.

Hope that helps

Josh
__
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] Interesting rotation caching issue

[Phillip Smith]

Hi there,
First post to this list in years. Happy to know the list is still alive 
and strong. :-)

Recently, I had an organization ask me to add random rotation to the 
header image on their site, which has a photograph of a progressive 
celebrity and a nice endorsement. The header image itself is called in 
the style sheet and makes use of one of the conventional image 
replacement techniques to hide the  text and drop in the header 
image.

So, my thinking was to replace
background-image: url(../med/this_banner.gif); background-repeat: 
no-repeat;

with
background-image: url(../med/rotate_home/rotate.php); 
background-repeat: no-repeat;

Where rotate.php contains a simple random rotation script (which calls 
the images) that has worked nicely in the past. Call my crazy for 
referencing a .php script in the style sheet -- but I've used it before 
in an  tag and thought "why not!"

Anyway, the techniques works fine for Safari and Firefox on the Mac, 
but appears to simple cache the first image for most PC browsers.

Wondering if anyone has...
A) Tried this approach for random rotation before?
B) Has a better way to randomly rotate an image via CSS?
C) Knows why the method I've tried is caching on PC browsers?
D) Knows of a fix to solve the caching issue?
You can see the static header site here: http://thismagazine.ca
And the site with rotation is here: http://dev.thismagazine.ca
(If you refresh the page, the portrait/endorsement should change)
I'm set to digest -- so a CC to me personally would be greatly 
appreciated.

Many thanks in advance,
Phillip.
--
Phillip Smith,
Simplifier of Technology
Community Bandwidth
__
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] Image replacement

[Jan Brasna]

See  for some 
variants.

--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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/

[css-d] Image replacement

[Rodrigo Milano]

Hi
I was trying to use the image replacement technique shown in:
http://www.moronicbajebus.com/playground/cssplay/image-replacement/

It worked fine.
In Opera, with images disabled, I can't see the text. Does someone knows if 
there is a image replacement, that shows the text, when I disable images in 
Opera?

Thanks
Rodrigo
__
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] Rollover Stopped Working in IE

[Michelle Tarby]

I know I'm missing something obvious, which I'm hoping a fresh pair of
eyes can help me with.  

I've been working with a rollover menu code that I've started using on
my site.  The only thing I've changed this time is to add a z-index to
the two div's on the left hand side of the page.  Once I added the
z-index, the rollover no longer works in IE.  I did validate the CSS and
it was fine.  I'm not sure if I'm missing a step to get the z-index to
play nice with IE.  Any suggestions would be appreciated.

The page with the rollover: 
http://wwwdev.lemoyne.edu/academics/new_index.htm 
The style sheet:  http://wwwdev.lemoyne.edu/css/academic_home.css 

Thanks in advance.

Michelle




Michelle Tarby
Director of Web Development
Office of Information Technology
Le Moyne College

[EMAIL PROTECTED]
http://www.lemoyne.edu

__
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] Two inline lists - one left, one right

[Rob Freundlich]

> Rob Freundlich schrieb:
>> Consider two lists:
>>
>> I'd like to format them such that the "Lefts" are flush-left on the
>> page and the "Rights" are flush-right on the page:
>>
>> Left1 Left2 Left3Right1 Right2 Right3
>>

I've been offered two approaches:

On Thursday, May 12, 2005 7:32 AM [GMT+0100=CET],Ingo Chao
<[EMAIL PROTECTED]> wrote:
> without floats:
>
> ul {margin:0; padding:0; line-height:1em;}
> li {display: inline;}
> ul.right {text-align: right; display:block; position:relative;
> top:-1em;}


On Thursday, May 12, 2005 6:58 AM [GMT+0100=CET],Roman Rudenko
<[EMAIL PROTECTED]> wrote:
> Just don't specify the width. The "mandatory width"
> requirement was dropped in CSS 2.1, and browsers deal with such floats
> quite fine, too.

My browser support requirements are IE 6 and Netscape 7.  Both approaches
work in both browsers.  Given that, does either approach have an advantage
over the other?

Thanks,
Rob

__
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] Two inline lists - one left, one right

[Ingo Chao]

Rob Freundlich schrieb:
Consider two lists:

Left1
Left2
Left3


Right1
Right2
Right3

I'd like to format them such that the "Lefts" are flush-left on the page and
the "Rights" are flush-right on the page:
Left1 Left2 Left3Right1 Right2 Right3
without floats:
ul {margin:0; padding:0; line-height:1em;}
li {display: inline;}
ul.right {text-align: right; display:block; position:relative; top:-1em;}
Ingo
__
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] floating an image bottom right

[Jeroen van der Goorbergh]

hello css-d people,
I'm looking for a way to position an image in the bottom right corner 
of a fluid height container and still have text wrap around it.

Should look something like this:
http://www.xs4all.nl/~jer03n/sandbox/float-bottom-right.html
.. but without the 'div.spacer' which implicitly makes the container 
need a fixed height .

Off course absolute positioning the image, or using a background image 
won't work without loosing the text wrapping. Right?

Any ideas?
thanks,
~jeroen
__
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] Two inline lists - one left, one right

[Roman Rudenko]

On Thu, 12 May 2005 03:47:05 -0700, Rob Freundlich <[EMAIL PROTECTED]>  
wrote:

The lists are code-generated, so I can't (for example) float the entire  
UL
sections left and right because I don't know their widths.
Yes you can. Just don't specify the width. The "mandatory width"  
requirement was dropped in CSS 2.1, and browsers deal with such floats  
quite fine, too.

Roman.
__
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] Two inline lists - one left, one right

[Rob Freundlich]

Consider two lists:


Left1
Left2
Left3



Right1
Right2
Right3


I'd like to format them such that the "Lefts" are flush-left on the page and
the "Rights" are flush-right on the page:

Left1 Left2 Left3Right1 Right2 Right3

The lists are code-generated, so I can't (for example) float the entire UL
sections left and right because I don't know their widths.  I know about
using "float: left" on the left LI's and "float:right" on the right LI's
(instead of the UL's), but that produces:

Left1 Left2 Left3Right3 Right2 Right1

(the Rights are in reverse order)

I've looked at the Wiki and Listamatic, and haven't found anything that does
what I need.  Anyone have any ideas?

Rob Freundlich
"Males ae biologically driven to go out and hunt giraffes." - Newt Gingrich
"Some folks you don't have to satirize, you just quote 'em." - Tom Paxton

__
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

[jack fredricks]

test in this order;

1. load page, view
2. increase font size 

With your site I stopped there. 

too many things to comment on. One is line-height. Remove the units.
I'm not sure what unit you are using, but you should set it like this;

line-height: 1.3

NOT

line-height 1.3em

IE doesnt inherit the line-height properly if u use a unit.
__
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] Footer Placement

[Schalk Neethling]

Have a look at this article:
http://www.alistapart.com/articles/footers
Ian & Anna-Ruth Rutgers wrote:
Currently I am using CSS-P? (placing the footer using CSS positioning)
in order to keep it at the foot end of the page.  While it works for
http://www.otima.ca/blogs/default.php, I would rather let the footer
move up and down with the page (size) dynamically so I don't have to set
it programmatically.
What would you suggest?
Thank you,
Ian
__
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/
 

--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]
We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/
This message contains information that is considered to be sensitive or 
confidential and may not be forwarded or disclosed to any other party without 
the permission of the sender. If you received this message in error, please 
notify me immediately so that I can correct and delete the original email. 
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/

[css-d] site check

[Virtuallee]

Hi
Please could you check my site (especially mac) and let me know if it's 
not displaying correctly?
http://www.virtuallee.co.uk/Kessler_testing/index.php
Only the main links are working.

Thanks!
Lee

--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.11.6 - Release Date: 06/05/2005
__
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] too much space when using clear:both

[Bob Easton]

Bruce Gilbert wrote:
I have a table element which I am using to clear a div, but when I do
it gives me too much space by using clear:both. Any suggestion on
reducing the spacing?
Option 6 on this page in our WIKI should do the job.
http://css-discuss.incutio.com/?page=ClearingSpace
--
Bob Easton
Accessibility Matters: http://access-matters.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] Opera and background-image -- a filter hack

[Ingo Chao]

Roman, Philippe, thanks for the Opera hacks. Very useful.
In addition, Bruno argued that I could re-arrange the filter as both the 
Safari (ignores) and Opera (bugs) won't render the fraction anyway, so

background: url(rausch.png) 99% 5% no-repeat ;
/* Opera + Safari */
background: url(rausch.png) 99.5% no-repeat 5% ;
/* only Moz + IE get the splitting, so Opera will not miscalculate the 
floating point to 9950% */

Bruno also provided testcases of inconsistencies with floating point 
values for offsets and margins. Thanks. We'll see when we have to apply 
hacks for Opera8.

Anyone filed a bug @Opera about that?
Me. This is not my pet subject, but I hope this helps.
Ingo
__
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/