[css-d] Problem with Suckerfish menu over Quictkime movie

[Richard Hawking]

I am trying to build a Suckerfish styel dropdown menu, which needs to 
drop down over a Quictime movie. Unfortunatley no matter hare I try 
the menu drops down behind the movie, not on top of it. Z-index seems 
to make no difference.


Is there a way to get the menu to drop down over the movie? I have no 
idea how to get around this problem.

__
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] Bullets not appearing in IE

[Estelle Weyl]

The page is: http://www.2lbs.com/ (the CSS is at the top of the page)

It looks fine in Firefox, but I can't get the bullet images to appear on the
top nav in IE.  I think it might be the "float: left;" that is causing the
bullets to disappear in IE, but I need the list items  to be displayed
inline.

Any help would be appreciated.

Thanks.

Estelle Weyl
http://www.EstelleWeyl.com
415.845.9906
Making the web accessible since 1999

__
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] Unknown vertical space above image

[Estelle Weyl]

Without looking at the CSS, it looks like a typical box model/IE issue. FF
includes padding in it's width. IE adds padding and margin to the declared
width making your center container too wide for the allotted space.

Try making the width of the container a few pixels wider and you'll have
enough room

Estelle Weyl
http://www.EstelleWeyl.com
415.845.9906
Making the web accessible since 1999

-Original Message-
I have a CSS conundrum.
I have a table-less css layout that looks good in Firefox (both Mac &
PC) but has a gigantic space above the middle image in IE 6.0/PC.


Page:  http://tinyurl.com/87xdz

css: http://tinyurl.com/aw6dh

__
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] Unknown vertical space above image

[Bert Mahoney]

Hi list,

I have a CSS conundrum.
I have a table-less css layout that looks good in Firefox (both Mac &  
PC) but has a gigantic space above the middle image in IE 6.0/PC.


I've been staring at the code too long. I know its something simple,  
I'm just not seeing it.

If someone could take a look and share any insights I would be grateful.

Page:  http://tinyurl.com/87xdz

css: http://tinyurl.com/aw6dh

Thanks in advance.
__
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] Thanks...visible

[Kitty Garrett]

Thank you so much for all the advice...I tried it all and learned a 
lot. I love this list.

And my problem was solved! Ta-dah.

KG

__
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] strong!

[David Laakso]

Holly Bergevin wrote:


From: jeremy <[EMAIL PROTECTED]>
 


So i have been noticing this for a while,
in IE, things that I specify as being   or 
font-weight:bold; dont really show up.
   


http://slusherland.com/
   



In my experience, when using a font such as the one you have used in these pages (looked at the bio page specifically) the difference between normal and bold/strong text is actually as subtle as a single pixel more being added to the "curved part" of a lower case "r" or an extra one added to the middle of the letter "s". Obviously this is really subtle. I have only discovered this by magnifying the text (with a screen tool) and comparing letters to one another. 
On the page I looked at, the examples I mentioned above are occurring, but it is true that the text does not *look* bolder for the most part, unless you put it "under a microscope."

I think setting those elements off with a different color (as you have done) is 
a good visual way to overcome the problem given the font you're using.
Hope that helps,
~holly PS to David L. "mousetext" -- That was good for a big laugh. Thanks...~h  



Jeremy,
About the girlfriend, try (I love writing about stuff that has nothing to to with CSS): 
16 on 1.4 for the good browsers.

Amend (add to) your style sheet:

body{ font: 16px/1.4 sans-serif;  }
strong {  font-weight: 900; color: red; text-transform: uppercase; }
Delete /all/ instances of  font-family and font-size throughout the sheet.
Tweak individual selectors  as necessary (/if at all/) using pixels. For 
example #foo { font-size: (whatever)px; }

Feed win/ie *percent* font-sizes it can scale like so:
add a conditional comment immediately below  and above the js 
that reads--

|
The above has not been tested. If it should fail, blame Holly Bergevin 
and Georg Sortun .

Best,
~dL

|

--
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] Space between two graphics

[Holly Bergevin]

From: "Donna [EMAIL PROTECTED] Business Connection"

> http://www.vbc-nc.com/Samples/ArtEscape/NewSite/index_dlp.html 

>I also added the display: block; to the #nav_gallery
>and address styles and that didn't work either, unless
>I put it in the wrong spot.

Yup, you did. You only need it once. Add the following selector and both gaps 
should disappear - 

#nav_gallery img {display: block;}

Hope that helps,

~holly

ps - every so often it becomes necessary to mention to new folks (and remind 
ones that have been here awhile) that replies should have previously posted 
text edited down to the bare minimum necessary to make the point you're 
replying to clear. Top posting, while tolerated, is not preferred. Show us what 
you're responding to and eliminate the rest. This makes it easier and faster 
for anyone taking a look at the reply to see if the question has been answered.

This list goes out to more than 6000 people with each post. Anything we can do 
to reduce the bulk ending up in people's inboxes is a good thing...

~h (I've been here awhile)
  
 
   
__
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 and Firefox issues

[Andy Mosmiller]

I'm still noticin a small error in IE6 on one of the pages.  The code is
essentially the same on this page as all the others, with only content
differentiating it.

The overall site: http://www.themosmillers.org/faithsandempires/

The faulty page:
http://www.themosmillers.org/faithsandempires/classes.html
The gap appears at the right of the logo at the top of the page, and
extends all the way to the bottom.  I also see the same error in the
navigation section when viewing the bottom image.

CSS: http://www.themosmillers.org/faithsandempires/faithsandempires.css
http://www.themosmillers.org/faithsandempires/faithsandempires-IE.css

If you happen to notice any fixes I need to add to the IE file, lay them
on me.  I could see something like that being the problem, but I don't
do this often enough to remember all the tricks.

I also now have a firefox problem.  When I added the "link to top"
images, I suddenly can't navigate to the various in-page link markers
properly.  Instead of linking to the top of the section in question,
firefox now links me to the new "link to top" image.  I can't see why
this happens, but it ruins most of my links.  On a lesser note, IE links
to the top of the  text instead of the top of the section.  I can
live with this part, but help on any or all fronts is most welcome.
Gaaa!

Thanks all.




__
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] CSS and standards Podcasts

[Duckworth, Nigel]

Paul Boag (www.boagworld.com) has a great weekly podcast on web design.
The show is not exclusively devoted to css and standards, but he's
definitely an advocate. 

Nigel


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED]
Sent: Wednesday, October 05, 2005 5:51 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] CSS and standards Podcasts


Hello Everyone,

I have downloaded some great podcasts on Odeo.com feauring ou own Eric 
Meyers and other speaking on CSS and web standards.

I was wondering if anyone else knows of other podcasts on similiar 
topics.

Seeing more of these topics pop up to listent to has convinced me to 
buy my first ipod (Nano).
I apologize if this is an off the list topic, but I think some of the 
subjects talked about (especially the CSS prototyping and processes 
Eric discussed) are an incredible resource for all involved to hear.
Please let me know if there anymore out there that someone knows of 
(design related to!).

A.H.
__
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] CSS and standards Podcasts

[Eric A. Meyer]

At 5:51 PM -0400 10/5/05, [EMAIL PROTECTED] wrote:

I have downloaded some great podcasts on Odeo.com feauring ou own 
Eric Meyers and other speaking on CSS and web standards.


   The specific Odeo page is . 
You can also find them at .



I was wondering if anyone else knows of other podcasts on similiar topics.


   An interesting question.  If so, that sounds like an interesting 
css-d wiki page in the making.


I apologize if this is an off the list topic, but I think some of 
the subjects talked about (especially the CSS prototyping and 
processes Eric discussed) are an incredible resource for all 
involved to hear.


   For those who haven't heard them, bear in mind that these are 
audio copies of a presentation that had a lot of visuals, so there's 
a good deal lost in the process, I feel.  I'll be putting up my 
slides, but those will only go so far, especially for the prototyping 
talk, half of which was live editing of CSS and XHTML-- no slides 
involved.
   I think this is on-topic enough-- it's in keeping with the "I 
found a useful/cool resource" part of the mission.  Let's not debate 
whether podcasts of presentations are useful (each person can make up 
their own mind) or get into rating or reviewing various podcasts. 
Just pointing them out as they're found should be plenty.


--
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
  -- Martina Kosloff (http://mako4css.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] CSS and standards Podcasts

[Jan Brasna]

I was wondering if anyone else knows of other podcasts on similiar topics.


 ...

--
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] CSS and standards Podcasts

[fokuss]

Hello Everyone,

I have downloaded some great podcasts on Odeo.com feauring ou own Eric 
Meyers and other speaking on CSS and web standards.


I was wondering if anyone else knows of other podcasts on similiar 
topics.


Seeing more of these topics pop up to listent to has convinced me to 
buy my first ipod (Nano).
I apologize if this is an off the list topic, but I think some of the 
subjects talked about (especially the CSS prototyping and processes 
Eric discussed) are an incredible resource for all involved to hear.
Please let me know if there anymore out there that someone knows of 
(design related to!).


A.H.
__
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] page with form is displaying wacky

[Bruce Gilbert]

I am testing a page that has two block columns beginning about 1/3rd down
the page. There is supposed to be a line that extends all the way to the
footer in between these two columns, and this is working on all pages
except. this one:

http://www.fortuneinteractive.com/Consultation_test.php

I think the problem is lying with the form code in the left quandrant which
is causing in mozilla no diving line and the footer is askew to the left. In
IE there is a diving line, and the footer is o.k, but the right div drops
down. When I take the form code out the problem is not there (hence my
deducting that the form is causing this problem).

any ideas on a fix?

the CSS is located at:

http://www.fortuneinteractive.com/CSS/primary.css

--
::Bruce::
__
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] Nyhedsbrev nr. 23, oktober 2005

[Jørgen Farum Jensen]

Jørgen Farum Jensen wrote:

---
Nyhedsbrev nr. 23 - oktober 2005
---
Du får denne meddelelse, fordi du har tegnet
abonnement på mit nyhedsbrev. Info og mail-
adresser i bunden af denne tekst.
--


Terribly sorry, sent my newsletter til the wrong list manager.
Please disregard.

Best regards and abject apologies

Jørgen Farum Jensen
www.webdesign101.dk

__
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] Position: Fixed - Problem in IE

[trystano]

Yeah, I'm not worried about the Javascript aspect of it such as the closing of 
the , and its animation.

I just need a  to sit permanantly at the bottom of the screen/browser.

Thanks

Tryst
__
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 and Links Missing in IE

[Jeff Reid]

Zoe

Thank you very much for this detailed reply.  I am novice at CSS but not new
to web design.  Actually a print designer designed the new site and passed it
off to me.  My choices were to slaughter it by slicing and dicing and placing
a ton of html and mouseover code as the site or to try and reconstruct it via
CSS.

So I have a background with text and five grphical items on it.  Seems simple
enough...LOL.

I will digest what you have sent and let the list and yourself know how it
went.

Thanks again for the wonderful time consuming reply.

Jeff

-Original Message-
From: Zoe M. Gillenwater [mailto:[EMAIL PROTECTED]
Sent: Wednesday, October 05, 2005 4:03 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Image and Links Missing in IE


Jeff Reid wrote:

>I am converting an eps file to css and .asp pages.  In Firefox the
conversion
>is rendering correctly but in IE the main image and the text links above it
>are missing. ..nowhere to be found
> 
> Anyone had this happen before?
> 
>Here is the working url: http://www.olpguitars.com/OLP102005/
> 
>Here is the css:  http://www.olpguitars.com/OLP102005/css/olphome.css
>  
>

Hi Jeff,

Your site looks pretty consistent between IE and FF now, but there are a 
lot of improvements that could be made to it.  I'm guessing that you're 
a print designer, based on the fact that you said the comp was an eps 
and the way some of things on the site are put together.  Designing for 
the web, and CSS specifically, requires an entirely different mindset 
and way of doing things.
__
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] strong!

[Holly Bergevin]

From: jeremy <[EMAIL PROTECTED]>

>So i have been noticing this for a while,
>in IE, things that I specify as being   or 
>font-weight:bold; dont really show up.

>http://slusherland.com/

In my experience, when using a font such as the one you have used in these 
pages (looked at the bio page specifically) the difference between normal and 
bold/strong text is actually as subtle as a single pixel more being added to 
the "curved part" of a lower case "r" or an extra one added to the middle of 
the letter "s". Obviously this is really subtle. I have only discovered this by 
magnifying the text (with a screen tool) and comparing letters to one another. 

On the page I looked at, the examples I mentioned above are occurring, but it 
is true that the text does not *look* bolder for the most part, unless you put 
it "under a microscope."

I think setting those elements off with a different color (as you have done) is 
a good visual way to overcome the problem given the font you're using.

Hope that helps,

~holly

PS to David L. "mousetext" -- That was good for a big laugh. Thanks...~h  
 
   
__
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] @import

[Steve Clay]

Wednesday, October 5, 2005, 3:44:54 PM, Zach Inglis wrote:
> @import 'second.css";
> @import url("second.css");
> nor hard coded url works

Do your @import rules come before any other rules in the CSS, because they
must per the specs.  Also, simplest syntax is just @import "my.css";
This has the added advantage of hiding CSS from all v4 browsers.

Steve
-- 
http://mrclay.org/ : http://thefrenchhorns.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] Image and Links Missing in IE

[Zoe M. Gillenwater]

Jeff Reid wrote:


I am converting an eps file to css and .asp pages.  In Firefox the conversion
is rendering correctly but in IE the main image and the text links above it
are missing. ..nowhere to be found

Anyone had this happen before?

Here is the working url: http://www.olpguitars.com/OLP102005/

Here is the css:  http://www.olpguitars.com/OLP102005/css/olphome.css
 



Hi Jeff,

Your site looks pretty consistent between IE and FF now, but there are a 
lot of improvements that could be made to it.  I'm guessing that you're 
a print designer, based on the fact that you said the comp was an eps 
and the way some of things on the site are put together.  Designing for 
the web, and CSS specifically, requires an entirely different mindset 
and way of doing things.


For starters, before you apply any style to your page, you want to focus 
on structuring the content correctly.  This means using the correct HTML 
element for each piece of content, otherwise known as "semantic 
markup."  I won't get into the whys of semantic markup here, as that 
would be off topic, but feel free to email me offlist if you want to 
know why it matters.  Some areas of your site were semantic markup would 
be useful:
- The list of links at the top should be marked up as a list, then 
styled with CSS to appear horizontal, unbulleted, etc.

-- http://css.maxdesign.com.au/listutorial/
-- http://css.maxdesign.com.au/listamatic/
-- http://www.communitymx.com/abstract.cfm?cid=93FC2
-- http://www.communitymx.com/abstract.cfm?cid=D6F9E
- The paragraphs in the left sidebar should be marked up as paragraphs, 
instead of using the br element to space them out.

-- http://www.communitymx.com/abstract.cfm?cid=A1A37

Once you have your content marked up correctly and separated into 
sections using divs, you can start hanging styles on those elements.  
Try to use CSS to control all the presentational elements of your design 
instead of HTML.  For instance, get rid of the center element you have 
wrapped around your entire page and use the auto margins method to 
center your page instead:

http://www.communitymx.com/abstract.cfm?cid=A8BBA
http://css-discuss.incutio.com/?page=CenteringBlockElement

While building your design, keep in mind the flexible and user-centered 
nature of the web.  Right now, your design only works at a particular 
font size.  If I enlarge the text in my browser (as I'm inclined to do, 
with such teeny text in that sidebar) the design immediately breaks 
apart.  Even if you refuse to believe that anyone will ever resize their 
text, the fixed height of your sidebar precludes you from making any 
changes to the text inside.  You've locked yourself into a box instead 
of taking advantage of the flexible and fast-changing nature of the 
web.  In general, don't assign fixed heights for layout elements, and 
always allow for text resizing.  There are a number of rounded corners 
methods that could transform your rigid sidebar into a flexible 
container quite easily.

http://css-discuss.incutio.com/?page=RoundedCorners

Many people dive into CSS-based design without really understanding the 
concepts behind it, and never learn how to use it correctly and 
efficiently.  Instead they learn enough to just get by, and perhaps even 
create some attractive stuff, but create really inflexible, overly 
complex web sites that only work for a handful of users in the process.  
I would suggest that you take more time to educate yourself about how 
CSS really works and practice on a number of pages before building a 
site with it.  This list is a great place to start your education, and 
the list wiki has tons of great resources listed.  I hope you are not 
hurt by my suggestions -- I simply want to make sure that you learn what 
you need to to be a kick-ass CSS designer, instead of just getting by 
and never really "getting it."


Best,
Zoe

--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.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] Position: Fixed - Problem in IE

[Christian Montoya]

I'm pretty sure that what Sitepoint has is implemented with JS, not CSS.
Notice how it's a popup that you can close.

On 10/5/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
> Hi all (i'm new here, well, not new new, as I have been read alot the
> posts - but this is my first post),
>
> My problem: I want to replicate the feature that is used on
> Sitepoint.com  where they have a fixed  element
> always at the
> bottom of the screen. Now to do it in Firefox it works fine, but in IE
> it doesn't work (suprise). Anyway, I was directed to a website which
> had a hack for this, but having (attempted) to implement this, it
> doesn't seem to work - I believe I have used the correct styles, but in
> the wrong places. My CSS and HTML to recreate this simple feature is as
> follows...
>
> 
> body {
> margin: 0;
> padding: 0;
> overflow: hidden;
> }
>
> #fixed {
> width: 100%;
> height: 50px;
> position: fixed;
> bottom: 0;
> left: 0;
> background: pink;
> }
> 
>
> 
> Content here... 
> Fixed Content in this box will be stuck to the
> bottom of the page. 
> 
>
>
> Now I have gonna through this walkthrough
> (http://tagsoup.com/-dev/null-/css/fixed/) to help try and work out the
> hack to get it to work in IE, but I am not sure what I need to do. In
> the walkthrough it has a  with the following style
> declarations...height: 100%; overflow: auto;... but are these meant to
> go in my 'fixed' Class? If so, it doesn't work.
>
> I know the solution is starring me right in the face, but can someone
> help me out on this simple solution :)
>
> Thanks
>
> Tryst
> __
> 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/
>



--
- C Montoya
rdpdesign.com  ...
liquid.rdpdesign.com...
montoya.rdpdesign.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] Strange Javascript styling error?!?

[Laura Kisailus]

On a certain div, I have an onmouseover and onmouseout that expands
and contracts a div.  It works great on 4 different pages, except in
IE on one page.

Steps to recreate:
http://dev.762wireless.com/frt/?page=2
Hit "Finish"
Error Displays
Mouse-Over the Terms & Conditions scroll box

The frtmainbody freaks out and shrinks to the same size the scrollbox
should upon mouseout.  XHTML is OK, CSS seems to be ok.  Works fine in
Mozilla, works fine in IE on page=1... I'm boggled.

-laura
__
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] Ugh table images help needed

[cFA]

Hi Folks, being a standards geek and being taught that way I didnt learn
anything about tables (for layout), and hadnt any occassions where tabular
data was needed. However I'm now working on a site where it is and I'm
having a bear of a time trying to get rid of space around images in td's.

First prob is in IE 5 - 6 PC I get a ton of horizontal space to the right of
my images.

FF, etc is fine on the horizontal and shrinks to fit.

Second is that I do have a small bit of padding on top and bottom of the
images cross browser. This is coming from my

table.legend th, td {
padding: .5em;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

I have tried to eliminate it by writing:

table.legend td.icon {
background: #000;
padding: 0;
width: 30px;
height: 20px;
}

but this is a no go.

I read about table img probs and tried to apply as well:

td img {
display: block;
vertical-align: bottom;
}

which is also a no go.

I would really like the image tds to be shrink to fit and retain the
padding: .5em; for everything else. or at the least have the td.icon have
the same .5em padding.

So in sum, I cant figure out how to remove the horizontal space in IE, and
the vertical space in FF, as well as IE.

here is a test page:

http://aenonfiredesign.com/test/tableimg/

TIA,

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

[css-d] @import

[Zach Inglis]

im having huge trouble using the @import rule in my css stylesheet...

simply:
@import 'second.css";
or
@import url("second.css");

nor hard coded url works

I cannot do it any other way, has to be in my CSS that I call the  
other one. Due to the generator.

__
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] Position: Fixed - Problem in IE

[trystano]

Hi all (i'm new here, well, not new new, as I have been read alot the 
posts - but this is my first post),


My problem: I want to replicate the feature that is used on 
Sitepoint.com where they have a fixed  element always at the 
bottom of the screen. Now to do it in Firefox it works fine, but in IE 
it doesn't work (suprise). Anyway, I was directed to a website which 
had a hack for this, but having (attempted) to implement this, it 
doesn't seem to work - I believe I have used the correct styles, but in 
the wrong places. My CSS and HTML to recreate this simple feature is as 
follows...



body {
margin: 0;
padding: 0;
overflow: hidden;
}

#fixed {
width: 100%;
height: 50px;
position: fixed;
bottom: 0;
left: 0;
background: pink;
}



Content here... 
Fixed Content in this box will be stuck to the 
bottom of the page. 




Now I have gonna through this walkthrough 
(http://tagsoup.com/-dev/null-/css/fixed/) to help try and work out the 
hack to get it to work in IE, but I am not sure what I need to do. In 
the walkthrough it has a  with the following style 
declarations...height: 100%; overflow: auto;... but are these meant to 
go in my 'fixed' Class? If so, it doesn't work.


I know the solution is starring me right in the face, but can someone 
help me out on this simple solution :)


Thanks

Tryst
__
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] strong!

[David Laakso]

jeremy wrote:


So i have been noticing this for a while,
in IE, things that I specify as being   or 
font-weight:bold; dont really show up.


I just assumed that it was that IE didnt render text very well
and i thought that i would ask you guys and see if that is the case - 
or maybe i have done something wrong.


I do not get strong in IE or FF  (XP_SP2 ).
Probably because you are using mousetype. Looks far better (to me) in IE 
'accessibility' mode with the 'ignore font-sizes specified' box checked.

Try relative (and realistic) font-sizing.
Crazy about those illustrations, BTW.




-jeremy

this is the site that i am working on.
http://slusherland.com/


Best,
~dL

--
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] Space between two graphics

[Donna [EMAIL PROTECTED] Business Connection]

Ok! I must be dense because another had mentioned the
white space, but I'm don't see it. I removed the space
(line) between the div's. Is that what you are talking
about?

What line are you looking at.

I also added the display: block; to the #nav_gallery
and address styles and that didn't work either, unless
I put it in the wrong spot.

Thanks!
Donna Light Pfledderer
Virtual Business Connection
919-975-1705
[EMAIL PROTECTED]
http://www.vbc-nc.com
124 Deer Ridge Drive Selma, NC 27576
 
Support the Arts http://www.johnstoncountyarts.org Life
would be boring with out it.


-Original Message-
From: Estelle Weyl [mailto:[EMAIL PROTECTED] 
Sent: Wednesday, October 05, 2005 12:51 PM
To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Subject: RE: [css-d] Space between two graphics



Don't forget your alt tags

The images on the left nav are the same size as your
left nav.  The gallery div has white space in it.  I
think IE is putting the white space into the nav which
is causing the break.

2 possible fixes:
  1) make the background of the div the same color as
your image background, that way the spacing wont be
apparent (but you'll still get the broken outline for
your page, so that isn't a solution)
  2) Try adding "display: block;" to the image

Estelle Weyl
http://www.EstelleWeyl.com
415.845.9906
Making the web accessible since 1999

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf
Of Donna [EMAIL PROTECTED] Business Connection
Sent: Wednesday, October 05, 2005 9:28 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Space between two graphics


I have been messing with this for days, one minute I
get it to work in IE, then change something, that it's
back to the way it was. I have tried suggestions from
others, but nothing.

I need another pair of eyes.

http://www.vbc-nc.com/Samples/ArtEscape/NewSite/index_d
lp.html

In IE there is a space between the Gallery button and
the blue graphic below. It looks fine in FF.

In FF the horizontal scroll bar shows up, but not in
IE>

Please help me!

Thanks!
Donna Light Pfledderer
Virtual Business Connection
919-975-1705
[EMAIL PROTECTED]
http://www.vbc-nc.com
124 Deer Ridge Drive Selma, NC 27576

Support the Arts http://www.johnstoncountyarts.org Life
would be boring with out it.

___
___
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] Image and Links Missing in IE

[Estelle Weyl]

Get rid of all you position: relative; and position: absolute;

You are declaring positions as relative or absolute, but you are not giving
values.

Your CSS was a bit redundant too. You don't need to declare default values.
I cleaned it up a bit

Try this.  I don't think it's exactly what you want, but it will get you a
little further along the way.:

body {
margin: 0px;
padding: 0px;
text-align: center;
font-family: Tahoma, Arial, Helvetica, New Times Roman, Sans Serif,
Verdana;
font-size: 0.9em;
color: #00;
background-image:  url(../images/mainbackground.jpg);
background-repeat: no-repeat;
}
#container {
margin: 0px auto;
padding: 0px;
border: 0px;
width: 767px;
text-align: center;
background-image:  url(images/mainBG.jpg);
background-repeat: no-repeat;
}
#sidebar {
width: 217px;
margin: 0px;
padding: 0px;
/* clear: float;  - float is not a value for clear */
}
#main {
width: 550px;
margin: 0px;
padding: 0px;
}
#spacer {
clear: both;
}
#footer {
margin: 0px;
padding: 0px;
width: 767px;
clear: both;
}

.navtext, .maintext {
font-family: Tahoma, Arial, Helvetica, Sans Serif, Verdana;
font-size: 0.7em;
font-weight: normal;
color: #444;
letter-spacing: normal;
text-align: right;
padding: 0px 18px 0px 0px;
}

.maintext {
padding: 0px 28px 2px 21px;
}

.navlink {
padding: 0px;
font-family: Tahoma, Arial, Helvetica, Sans Serif, Verdana;
font-size: 1em;
color: #919193;
}

a.navlink:link, a.navlink:active, a.navlink:visited {
text-decoration: none;
color: #919193;
}

a.navlink:hover {
text-decoration: underline;
color: #00;
}

.footerlink {
padding-left: 25px;
padding-right: 25px;
padding-top: 18px;
padding-bottom: 30px;
margin: 10px;
font-family: Tahoma, Arial, Helvetica, Sans Serif, Verdana;
font-size: 0.8em;
color: #919193;
background-image:  url(../../_BreatheAudio/2005/css/buttonoff.gif);
background-repeat: no-repeat;
}

a.footerlink:link, a.footerlink:active,
a.footerlink:visited{
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, Sans Serif, Verdana;
font-size: 0.9em;
font-weight: bold;
color: #3B3BB7;
}


a.footerlink:hover {
text-decoration: none;
font-weight: bold;
color: #FA2400;
background-image:  url(../../_BreatheAudio/2005/css/buttonon.gif);
background-repeat: no-repeat;
}


Estelle Weyl
http://www.EstelleWeyl.com
415.845.9906
Making the web accessible since 1999

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Jeff Reid
Sent: Wednesday, October 05, 2005 8:38 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Image and Links Missing in IE


I am converting an eps file to css and .asp pages.  In Firefox the
conversion
is rendering correctly but in IE the main image and the text links above it
are missing. ..nowhere to be found

 Anyone had this happen before?

Here is the working url: http://www.olpguitars.com/OLP102005/

Here is the css:  http://www.olpguitars.com/OLP102005/css/olphome.css

Thanks

Jeff


__
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] strong!

[Steve Clay]

Wednesday, October 5, 2005, 12:18:04 PM, jeremy wrote:
> in IE, things that I specify as being   or
> font-weight:bold; dont really show up.

"Don't show up" as in invisible, not displayed, or just normal weight?
1) validate your markup
2) look for rules affecting strong in your CSS
3) make sure the font-family has a bold...?

Steve
-- 
http://mrclay.org/ : http://thefrenchhorns.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] Space between two graphics

[Estelle Weyl]

Don't forget your alt tags

The images on the left nav are the same size as your left nav.  The gallery
div has white space in it.  I think IE is putting the white space into the
nav which is causing the break.

2 possible fixes:
  1) make the background of the div the same color as your image background,
that way the spacing wont be apparent (but you'll still get the broken
outline for your page, so that isn't a solution)
  2) Try adding "display: block;" to the image

Estelle Weyl
http://www.EstelleWeyl.com
415.845.9906
Making the web accessible since 1999

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Donna
[EMAIL PROTECTED] Business Connection
Sent: Wednesday, October 05, 2005 9:28 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Space between two graphics


I have been messing with this for days, one minute I
get it to work in IE, then change something, that it's
back to the way it was. I have tried suggestions from
others, but nothing.

I need another pair of eyes.

http://www.vbc-nc.com/Samples/ArtEscape/NewSite/index_d
lp.html

In IE there is a space between the Gallery button and
the blue graphic below. It looks fine in FF.

In FF the horizontal scroll bar shows up, but not in
IE>

Please help me!

Thanks!
Donna Light Pfledderer
Virtual Business Connection
919-975-1705
[EMAIL PROTECTED]
http://www.vbc-nc.com
124 Deer Ridge Drive Selma, NC 27576

Support the Arts http://www.johnstoncountyarts.org Life
would be boring with out it.

__
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] Space between two graphics

[Donna [EMAIL PROTECTED] Business Connection]

I have been messing with this for days, one minute I
get it to work in IE, then change something, that it's
back to the way it was. I have tried suggestions from
others, but nothing. 

I need another pair of eyes. 

http://www.vbc-nc.com/Samples/ArtEscape/NewSite/index_d
lp.html

In IE there is a space between the Gallery button and
the blue graphic below. It looks fine in FF.

In FF the horizontal scroll bar shows up, but not in
IE>

Please help me!

Thanks!
Donna Light Pfledderer
Virtual Business Connection
919-975-1705
[EMAIL PROTECTED]
http://www.vbc-nc.com
124 Deer Ridge Drive Selma, NC 27576
 
Support the Arts http://www.johnstoncountyarts.org Life
would be boring with out it.

__
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] strong!

[jeremy]

So i have been noticing this for a while,
in IE, things that I specify as being   or 
font-weight:bold; dont really show up.


I just assumed that it was that IE didnt render text very well
and i thought that i would ask you guys and see if that is the case - or 
maybe i have done something wrong.


-jeremy

this is the site that i am working on.
http://slusherland.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] conditional images

[Sam Partington]

Doh,

I just realised there was a typo in my last message.  The CSS selector
should have read

div.article div.article-image img
{
  display: none; /* or however you want to do the hiding */
}

div.article:first-child div.article-image img
{
   display: inline; /* or however you want to do the showing */
}

note the : after article in the second selector

Sam

On 10/5/05, Sam Partington <[EMAIL PROTECTED]> wrote:
> This should do the trick :
>
> div.article div.article-image img
> {
>   display: none; /* or however you want to do the hiding */
> }
>
> div.article-first-child div.article-image img
> {
>   display: inline; /* or however you want to do the showing */
> }
>
> But guess what? :first-child is not not supported in IE.  I'd usually
> fix this by using a class called article_first_child, and adding that
> to the class list using server scripting :
>
>  
>
>  
>  
>
>  
>
> HTH
>
> Sam
>
>
> On 10/4/05, Marcelo Wolfgang <[EMAIL PROTECTED]> wrote:
> > Hi,
> >
> > I have a page with mutiple  attributes. inside
> > each one of them I have another  with a image on it so it's
> > something like this
> >
> > 
> >   
> > 
> > 
> >   
> > 
> > 
> >   
> > 
> >
> > *Note, this is not the complete markup, is just a simple testcase ...
> >
> > Is it possible to write a css that AUTOMATICALLY only shows the image
> > on the first div ?
> > Does not need to work on IE, only Firefox, but if it works on ie, better 
> > yet.
> >
> > TIA
> > Grillo
> > __
> > 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] Why doesn't clear work the way I think it should?

[Zoe M. Gillenwater]

[EMAIL PROTECTED] wrote:

> I have outlined my problem here..
>
> http://www.blue-fly.co.uk/test/ex1.jpg
>
> I have been CSSing for around 4 months now and have not really got a
> grip on using clear yet. The way I understand it clear should make the
> green div move to the next line? Is this not how it works?


Yes, if you apply a clear: left to the green element, it will start on
the line below the orange float. Actually, by applying clear, you are
telling the browser to extend the top margin on the p element until the
p element finally sits under the float.

Without seeing the code to your page, we can't tell what you may have
done wrong. Generally, we always need a live page to look at to really
be able to help. Screenshots are helpful too, but should be given in
addition to, rather than instead of, a live page whenever possible.

Also, to start a new thread, do not reply to an existing message. When
you do this,
your message gets threaded on to the old thread, which messes up the
archives
and makes it less likely that others will see your message and subsequently
reply to you. You must send a new message with an appropriate and
descriptive
subject line to css-d@lists.css-discuss.org in order to start a new thread.

Thanks,
Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.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/

[css-d] Image and Links Missing in IE

[Jeff Reid]

I am converting an eps file to css and .asp pages.  In Firefox the conversion
is rendering correctly but in IE the main image and the text links above it
are missing. ..nowhere to be found
 
 Anyone had this happen before?
 
Here is the working url: http://www.olpguitars.com/OLP102005/
 
Here is the css:  http://www.olpguitars.com/OLP102005/css/olphome.css
 
Thanks
 
Jeff   
 
 
==
Jeff Reid
Webmaster
M.I.S. Department
==
Hanser Holdings International
4940 Delhi Pike
Cincinnati, OH 45238
==
Tel: 513.451.5000 ext 505
  [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/

RE: [css-d] for field size different in FF

[BJ Neilsen]

Instead of setting a style width, use the size attribute on the input itself
like below:



When you use size on a text or password input field, the measurment pertains
to number of characters, not pixels. Hope this helps.

--bj
__
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; content flash in IE

[David Boddie]

Hello all.

I've created a new site, and wondered if you all could test it out for me...

HTML:  http://www.uark.edu/ua/techip/index.html
CSS: http://www.uark.edu/ua/techip/includes/screenstyles.css

Also, the site first started doing some really nasty flashing when 
switching the pages, I can't remember if it had something to do with the 
way the CSS was loaded, so I change the @ statement to the  statement 
in the header. Now it works a little better, but I'm still getting a little 
bit of slow recovery from it...


Any ideas?
Boddie

---
David Boddie, Webmaster, Graduate School
University of Arkansas | #6 Dickson Street Annex
Fayetteville, Arkansas 72701
Phone: 479-575-6184 | email: [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/

RE: [css-d] Unexplained 4px vertical gap in IE6 table cell

[Calin Sandici]

Hello everybody.

Frank, you'll have to make sure you're seated before you hear/read this one
;).

Instead of:







try this






i.e. close the  tag right after the  tag, with nothing between
them, not even a space, not to mention a tab or a new line. Worked for me
;).

Calin Sandici
Level7 Software, Timisoara, Romania

--
Date: Tue, 4 Oct 2005 22:03:33 -0500
From: "Burleigh, Frank" <[EMAIL PROTECTED]>
To: 
Subject: [css-d] Unexplained 4px vertical gap in IE6 table cell
Message-ID:
<[EMAIL PROTECTED]>
Content-Type: text/plain;
charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable
Precedence: list
Message: 23

I'm perplexed by what appears to be a 4px gap below the image in the
second table row.  I've turned that cell's background a bright red to
make the gap easier to see.  Gecko browsers don't show this gap *unless*
I add a nonbreaking space after the image.  I haven't found any
combination of padding, margin or height that seem to affect this
behavior.

For a time I was able to get rid of the gap by joining the second and
third rows--but I lost the magic combination that achieved that fine
result. ;-)

http://design.law.indiana.edu/ilj/index.shtml

It goes without saying, your ideas are appreciated in advance.

Frank Burleigh
Indiana University School of Law
[EMAIL PROTECTED] 812-855-9170


__
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] When I hover the link, text is disappear

[Pringle, Ron]

heath, Chia-Hui Chen wrote:

> Subject: Re: [css-d] When I hover the link, text is disappear
> 
> Sorry,
> Please look at it again.
> the text of left part is disappear. Just in IE.
> Thanks.

Hi! I see the problem. When you mouse over one of the links on the right
side, the text in the entry above disappears. This is a known bug in
Internet Explorer, called the Peekaboo Bug. Please see the following page
for details on the bug and how to fix it.

http://www.positioniseverything.net/explorer/peekaboo.html

Regards,
Ron
 
__
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 - Huntly-online

[David Merchant]

At 10:04 AM 10/4/2005 +0100, Mike Davies wrote:

I would appreciate a check on this new site, particularly in MacIE.


Not a MAC, just Opera 7.54 on XP, the links look like they are 
strike-through (works fine on Opera 8.5).


HTH,
TTFN,
David

Director of Integrated Technology
CATALyST
Louisiana Tech University
catalyst.latech.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] conditional images

[Sam Partington]

This should do the trick :

div.article div.article-image img
{
  display: none; /* or however you want to do the hiding */
}

div.article-first-child div.article-image img
{
  display: inline; /* or however you want to do the showing */
}

But guess what? :first-child is not not supported in IE.  I'd usually
fix this by using a class called article_first_child, and adding that
to the class list using server scripting :

 
   
 
 
   
 

HTH

Sam


On 10/4/05, Marcelo Wolfgang <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I have a page with mutiple  attributes. inside
> each one of them I have another  with a image on it so it's
> something like this
>
> 
>   
> 
> 
>   
> 
> 
>   
> 
>
> *Note, this is not the complete markup, is just a simple testcase ...
>
> Is it possible to write a css that AUTOMATICALLY only shows the image
> on the first div ?
> Does not need to work on IE, only Firefox, but if it works on ie, better yet.
>
> TIA
> Grillo
> __
> 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] Unexplained 4px vertical gap in IE6 table cell

[Chris Long]

>I'm perplexed by what appears to be a 4px gap below the image in the second
table
>row.
>http://design.law.indiana.edu/ilj/index.shtml


This is a long standing rendering issue in IE, but not really a CSS problem.
Try either putting a  tag immediately after your image tag, or putting
the  tag immediately after.  Either fix should work.

IE will also do the same thing to text inside a table cell, often making the
last line of a paragraph look like you increased the line height.  When I
was still working with tables, I put a  tag after every image I used
just to make sure this problem never occured.

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/

Re: [css-d] Why doesn't clear work the way I think it should?

[James Bennett]

On 10/5/05, David Dorward <[EMAIL PROTECTED]> wrote:
> Why do you have display: inline on the orange element? Floating it
> turns it straight back into a block! :)

Floating an element and giving it a margin in the same direction
(e.g., float right with right margin or float left with left margin)
triggers a bug in IE which will double the size of the rendered
margin. Setting 'display: inline' causes IE to calculate the margin
correctly, while not affecting anything else.

--
"May the forces of evil become confused on the way to your house."
  -- George Carlin
__
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] Why doesn't clear work the way I think it should?

[David Dorward]

On 05/10/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> I have outlined my problem here..
> http://www.blue-fly.co.uk/test/ex1.jpg

Why do you have display: inline on the orange element? Floating it
turns it straight back into a block! :)

> I have been CSSing for around 4 months now and have not really got a grip on
> using clear yet. The way I understand it clear should make the green div
> move to the next line? Is this not how it works?

No. You want to apply the clear to the green element (and I think you
want it to be "left")

--
David Dorward 
__
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] Why doesn't clear work the way I think it should?

[ross]

I have outlined my problem here..

http://www.blue-fly.co.uk/test/ex1.jpg

I have been CSSing for around 4 months now and have not really got a grip on 
using clear yet. The way I understand it clear should make the green div 
move to the next line? Is this not how it works?



Thanks,


R. 


__
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] When I hover the link, text is disappear

[Jason M Roehrig]

I can't detect what you mean. I looked at the site, and in both FF and
IE links are vieweable, even when hovering over them(which actually
changes the background colour), nothing seems to be disappearing. Could
you maybe describe your problem a little more?


heath, Chia-Hui Chen wrote:

>When I move mouse to hover the link, the text is disappear.
>demo: http://blog.yam.com/heathcies/archives/558419.html
>Could it be fixed ?
>  
>
__
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] When I hover the link, text is disappear

[heath, Chia-Hui Chen]

Sorry,
Please look at it again.
the text of left part is disappear. Just in IE.
Thanks.

- Original Message - 
From: "Jason M Roehrig" <[EMAIL PROTECTED]>

To: "heath, Chia-Hui Chen" <[EMAIL PROTECTED]>
Cc: 
Sent: Wednesday, October 05, 2005 5:05 PM
Subject: Re: [css-d] When I hover the link, text is disappear



I can't detect what you mean. I looked at the site, and in both FF and
IE links are vieweable, even when hovering over them(which actually
changes the background colour), nothing seems to be disappearing. Could
you maybe describe your problem a little more?


heath, Chia-Hui Chen wrote:


When I move mouse to hover the link, the text is disappear.
demo: http://blog.yam.com/heathcies/archives/558419.html
Could it be fixed ?
 


__
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] Nyhedsbrev nr. 23, oktober 2005

[Jørgen Farum Jensen]

---
Nyhedsbrev nr. 23 - oktober 2005
---
Du får denne meddelelse, fordi du har tegnet
abonnement på mit nyhedsbrev. Info og mail-
adresser i bunden af denne tekst.
--
* Annonce
*
* Du får det bedste udbytte af disse nyhedsbreve
* og af mit websted Webdesign 101, hvis du også
* læser mine bøger "Webdesign – illustreret håndbog"
* og "Webdesign med XHTML". Bøgernes fås i
* boghandelen og direkte hos forlaget Globe A/S.
*
+++
+ Webdesign - illustreret håndbog" er nu udkommet +
+ i en stærkt revideret, opdateret 2. udgave. +
+ Læs om ændringerne på websiden om den nye   +
+ udgave: +
+ http://www.webdesign101.dk/wwwbog/udgave2/  +
+++

*** ALFAFILTER ***

En læser har gjort mig opmærksom på, at den efterhånden
meget populære Firefox-browser fortolker CSS3-egenskaben
*opacity*. Jeg kigger på sagen i artiklen:
http://www.webdesign101.dk/showcase/opacity/index.html

*** NYE NOTER OM CSS-MENUER ***

Jeg har i tidens løb skrevet adskillige håndfulde
artikler om anvendelsen af HTML-lister som basis
for konstruktionen af menuer, såvel flade menuer
som dynamiske menuer.
Jeg har nu gjort mig selv og forhåbentlig mine
læsere den tjeneste at kondensere stoffet i 3
artikler:
Introduktion til stylesheet-formaterede menuer:
http://www.webdesign101.dk/www/cssmenu/index.php
CSS dropdown menu og menubar:
http://www.webdesign101.dk/www/cssmenu/dropdownmenu.php
Dynamiske menuer med HTML-lister:
http://www.webdesign101.dk/www/cssmenu/dynamiske_menuer.php

*** DANSKSPROGET FIREFOX HJEMMESIDE ***

Den er ikke let at finde, men der findes en fin dansksproget
hjemmeside for Firefox-browseren med en gennemgang:
http://www.mozilla-europe.org/da/products/firefox/start/central.html

*** FIND TIPS OG TRICKS I MIN SANDKASSE ***

http://www.webdesign101.dk/showcase/index.php

*** TEKST I FLERE KOLONNER ***

Jeg bliver af og til spurgt om dette emne, og har
hidtil henvist til den manuelle metode. Webstedet
A List Apart har imidlertid nu offentliggjort
artiklen
"Introducing the CSS3 Multi-Column Module":
http://www.alistapart.com/articles/css3multicolumn
med en guide til hvorledes du ved hjælp af noget
JavaScript kan lave få browseren til at tolke
de CSS3-egenskaber, der per automatik inddeler
din tekst i et vilkårligt antal spalter med et
vilkårligt spaltemellemrum.

Du kan ikke sende e-mails til denne liste, så
brug af svar- eller reply-knappen i dit e-mail
program kan du godt opgive.
Vil du fortælle mig noget eller stille et
spørgsmål, må du skrive til nedenstående adresse.

Nyhedsbrevets arkiv:
http://www.freelists.org/archives/webdesign101/
Arkiv over nyhedsbreve 2002-2004:
http://www.webdesign101.dk/w/gen/newsletter.php
Nyhedsbrevets RSS newsfeed:
http://www.freelists.org/archives/webdesign101/feed.rss



Webdesign 101 e-mail nyhedsbrev.

Hvad det er for en størrelse, forklares på websiden
http://www.webdesign101.dk/w/gen/newsletter.php.
Abonner ved at sende en e-mail til
mailto:[EMAIL PROTECTED]
med ordet 'subscribe' (uden anførselstegn) som emne.
Opsig abonnementet ved at sende en e-mail til
mailto:[EMAIL PROTECTED]
med ordet'unsubscribe' (uden anførselstegn) som emne.
-
Dette nyhedsbrev er udsendt 5. oktober 2005 til
231 abonnenter.

Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
mailto:[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] When I hover the link, text is disappear

[heath, Chia-Hui Chen]

Hello,
When I move mouse to hover the link, the text is disappear.
demo: http://blog.yam.com/heathcies/archives/558419.html
Could it be fixed ?
Please tell me how to do, 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/