[css-d] Ad-free Opera available for everyone

[Timothy J. Luoma]

Opera has announced that they are removing the ads from the 8.5
version of Opera browser, released today for Windows, Mac, Linux, etc.

Read more here:

http://operalover.tntluoma.com/8/opera_is_free_today_tomorrow_forever

I also provide a link to download Opera (Windows or Mac only) from my
site if Opera's servers get overloaded. (Please don't link to the file
on my site, if you want to share it with others, give them the URL
above).

http://operalover.tntluoma.com/8/ also has a "New User's Guide" called
"30 days to becoming an Opera Lover" which is currently on day 23.  I
hope "switchers" will find it helpful.  If not, my apologies for the
interruption, and head over to www.opera.com to download Opera if
you'd like.

Happy coding!

TjL
__
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] Menu positioning oddities in Opera

[Andrew Gregory]

On Tue, 20 Sep 2005 13:43:54 +0800, Sasha Gerrand <[EMAIL PROTECTED]> wrote:

I used the ALA 'Suckerfish' technique when making the navigation  
drop-down menus for a development site[1] (CSS file is here[2]). In IE,  
Safari and Firefox, the menus behave correctly. However, in Opera the  
parent points of the menus start repositioning themselves depending on  
whether they are triggered by a mouseover event or not.


[1] http://development.unitedgroup.com.au
[2] http://development.unitedgroup.com.au/css/unitedgroup-screen.css


Everything looks fine in my Opera 8.02/Win. I tried with JS on and off.

BTW, "Archived Publications/Presentations" doesn't fit.

HTH,
--
Andrew Gregory, mailto:[EMAIL PROTECTED] >
http://www.scss.com.au/family/andrew/ >
__
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] Back slash hack / Safari / FOUC

[Richard Hawking]

I need to hide all styles from IE Mac, so I used:

/* commented backslash hack v2 \*/
@import url(import/navigation.css);
/* end hack */

To hide the styling.

The above code is included in the file linked to from the header document with:

href="style/nav.css" />


Unfortunately, this is causing terrible FOUC problem in Safari. Is 
there another way I can hide all styles from IE Mac? There are 
several stylesheets which need to be hidden.




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

Fwd: [css-d] Help with positioning...

[Athreya Chidambi]

thanks you guys...much appreciated!

cheers

A.



-
To help you stay safe and secure online, we've developed the all new Yahoo! 
Security Centre.
__
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] *argh* listitis.....!?!?

[Kristina Floyd]

Hello list

I'm concerned that i've got listitis!!  What I mean is, I think I've 
gone from div-itis to li-stitis.


Please can you tell me if the information on this page is a list?


In general is the information on that page semantically correct?  How 
can I check this?


If you are interested in seeing any of the other pages in this prototype 
please go to 


Is this something other people are finding, 'that everything is a list'? 
 Is this true, or are we in danger of going crazy with lists?


(I want to try and get a better handle on this, before I've got a 
ga-zillion websites that will need re-doing, in the not so distant future)


Thanks
Kristina

__
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 makes css float layouts useless?

[G. I.]

 Hi,

nowadays I struggle with floated layouts because the "expand container
box if content gets wider" behavior of IE. If

http://www.d2k.hu/ig/floatX.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] min-height issues: please help!\

[Steve Clay]

Tuesday, September 20, 2005, 1:22:47 AM, John wrote:
> Home Page: http://www.bol.ucla.edu/
> Right panel looks fine in Firefox. Not so in IE.

It's fine, you just need it to /look/ like the right panel extends to the
bottom.  http://www.alistapart.com/articles/fauxcolumns/ will fix you up.

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] *argh* listitis.....!?!?

[Eric Shepherd]

Kristina wrote:

> I'm concerned that i've got listitis!!  What I mean is, I think I've
> gone from div-itis to li-stitis.

Kristina: I think much of the content on your page is lists. However,
the Venue Detail is not really a list. I would suggest that this
information is really a definition list - you have a parent "term" -
the venue - with children "definitions" or data about the venue. 
definition tags also allow block-level content, so you can put
paragraphs in there, for example.

Also, there's no relationship right now between your top nav bar and
the subnav - if the subnav is related to HOME, for example, it should
be a nested list (ideally) or less ideally have some sort of heading
that identifies it as a subnav. If I look at the page non-styled, the
subnav simply lines up as list items following the upper nav, so it
appears to be at the same hierarchy.

There's no way to check for sure whether your markup is correct. But
rest in the knowledge that there really aren't THAT many HTML
tags...think about what the content really IS. In the case of your
nav, the secondary nav is (I think) hierarchically nested in the first
nav, so build it as a nested list and then style it to position where
you want.

In the case of lists, think about whether each of the items in your
list could be shuffled around without losing meaning. To me,
Lighthouse, Poole needs to be at the top - it's the parent, and the
rest is just meta data about the venue. So, a  definition list
makes more sense to me than making it equivalent to the other list
items.
__
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] Type Tester Tool for CSS

[John Guchemand]

Wow, that kicks butt!

Thank you very much.

John
__
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] Adding 'bullet' to list on hover.

[Julian Voelcker]

Hi All,

I'm just wondering if this is possible...

I have a list that I am using as a menu, but want to be able to add a } 
character to the end of a list item when you hover the mouse over the 
link.

The code I have so far is:


contact }



I can hide the } character by making it the same colour as the 
background colour (I'm guessing using display:none will cause 
flickering on hover) but how can I get it to display when the mouse 
hovers over the link?

Cheers,

Julian Voelcker
Cirencester, United Kingdom


__
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: Adding 'bullet' to list on hover.

[Julian Voelcker]

Doh, spoke too soon - have got it working.

Cheers,

Julian Voelcker
Cirencester, United Kingdom


__
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] Adding 'bullet' to list on hover.

[David Seguin]

Hello,

I will not be at the CBC until early 2006. If something is urgent, please 
contact Rhoda Gryfe.

Bonjour,

Comme je serai absent de CBC jusqu'au début de 2006, veuillez communiquer avec 
Rhoda Gryfe pour toute urgence.

David Seguin

>>> css-d 09/20/05 11:34 >>>

Hi All,

I'm just wondering if this is possible...

I have a list that I am using as a menu, but want to be able to add a } 
character to the end of a list item when you hover the mouse over the 
link.

The code I have so far is:


contact }



I can hide the } character by making it the same colour as the 
background colour (I'm guessing using display:none will cause 
flickering on hover) but how can I get it to display when the mouse 
hovers over the link?

Cheers,

Julian Voelcker
Cirencester, United Kingdom


__
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] Adding 'bullet' to list on hover.

[Christian Heilmann]

> Hi All,
> 
> I'm just wondering if this is possible...
> 
> I have a list that I am using as a menu, but want to be able to add a }
> character to the end of a list item when you hover the mouse over the
> link.
> 
> The code I have so far is:
> 
> 
> contact }
> 
> 
> 
> I can hide the } character by making it the same colour as the
> background colour (I'm guessing using display:none will cause
> flickering on hover) but how can I get it to display when the mouse
> hovers over the link?

like any other embedded element?
#menu a:hover span.arrow{
/* your settings */
}
__
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: Adding 'bullet' to list on hover.

[Kristina Floyd]

Julian Voelcker wrote:
> Doh, spoke too soon - have got it working.

Please share.

Do you have anything we can see?

thanks
Kristina
__
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] Menu positioning oddities in Opera

[David Laakso]

Sasha Gerrand wrote:


However, in Opera the parent points of
the menus start repositioning themselves depending on whether they are
triggered by a mouseover event or not.
[1] http://development.unitedgroup.com.au
[2] http://development.unitedgroup.com.au/css/unitedgroup-screen.css
 


I got the same results as Andrew in Opera, Sasha.
FWIW, she breaks on 1st text-zoom in FF1.0.6 and the fonts are not  
zoom-able in IE.

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] IE/Win adding extra space under spacer div...

[Grant Robinson]

On 9/19/05, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
> Grant Robinson wrote:
> > I'm working on developing a table-less layout for a page, and I have
> > an annoying quirk I have found in IE/Win.  I have narrowed it down to
> >  a simple test case, located at:
> >
> > 
> 
> Spaces have line-height = height = space regardless of styling, in IE/win.
> 
> Change nbsp;
> to 
> ...and it'll be fine since comments don't take up any space.
> 
> regards
> Georg

Thou art a genius!  Thank you very much.  That worked like a charm.

Grant
__
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] Navigation Troubles - Suckerfish

[Shawn Ferguson]

Hello All, 
 
I have create a dynamic top navigation based on the suckerfish navigation.  
However, I have a slight problem in IE, but works fine in Mozilla.  The problem 
is that the drop-down menu starts to the right of the content opposed to 
directly below in Mozilla.  It seems like it is positioned to the right just a 
tad.  Does anyone have any suggestion on how I can fix it?  
 
http://www.jardsenterprises.com/isom/testNav.asp
 
Thanks ahead of time!

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

[Richard Brown]

Hi All

Can anybody help me please? I would like to do a design that looks like 
this:


http://www.mevagisseyapartments.co.uk/design.jpg

The first box of the top five is slightly larger than the rest and will 
contain the header. The other four boxes are the same size and square.


The box on the left will be text and the box on the right will be a 
calendar or photo.


The final bottom box will be a footer.

Can anybody point me in the right direction for a fixed width design 
that can explain to me how to get five elements across the top.


Thanks

Rich

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

[css-d] Warnings in CSS validation

[Tanya Renne]

Can someone give me some insight around the warnings I get when 
validating css? How seriously should they be taken? Is the goal to have 
no errors and no warnings? What is the impact of different warnings?


Tanya
__
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] Warnings in CSS validation

[Adam Kuehn]

Tanya Renne wrote:
Can someone give me some insight around the warnings I get when 
validating css? How seriously should they be taken? Is the goal to 
have no errors and no warnings? What is the impact of different 
warnings?


The goal is to have a good, working page.  The validator is one tool 
you can use to help you accomplish that goal.  Pleasing the validator 
should not be an end in itself.


Having said that, an "error" means that you have some CSS that is 
incorrect according to the validation profile you used.  There may be 
some good reasons for having errors (e.g. using some CSS3 features, 
even though validating against the CSS2 profile).  A "warning" means 
that the CSS is valid according to the profile, but may present 
problems for one reason or another.  You need to look at both 
warnings and errors and make sure that you understand what each one 
is and whether or not it will break your page.  How seriously you 
take them depends entirely on what they are.  The most common warning 
is not specifying color and background-color together.  Most of the 
time, this is not a show-stopping problem; however, it can be, so you 
need to look at your particular page and make sure.


More information is available on the Wiki: 
.


HTH,
--

-Adam Kuehn
__
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] How to maintain parent li:hover effect when child is hovered

[Mann, Lydia]

I've gotten help on this project a couple of times (thank you all) but have
one remaining problem:

When you hover over one of the *folder* tabs (on the left) the text turns
white and the background darker, created by two declarations:
background-position (for the image) and a:hover (color). I cannot figure out
how to keep those in place when the user rolls over one of the popout menus
(so that the parent tab remains dark with white text).

Here is a link to the markup
(http://www.lydiamann.com/TBMA_files/default.shtml) and the CSS
(http://www.lydiamann.com/TBMA_files/scripts/adminonline091505.css)

I feel like I have read of a solution for this but can't recall and don't
seem to have the notes anywhere. I've gone back to the original article in
PIE but can't figure it out. If anyone has a solution, I'd love some
direction.

Thanks, in advance.

Lydia Mann
[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] Aren't we forgetting a user group in our CSS? Idea: Editor Stylesheets

[Christian Heilmann]

Hi there, 

I brooded over an issue I encountered in a lot of projects of late:
CMS editors choking on CSS layouts. I think it is high time we made
sure there is a way around that - to stop CMS vendors advertising
table layouts as a lot safer. The idea is to apply styles only in the
CMS to overwrite tricky CSS.

More here: http://www.wait-till-i.com/index.php?p=162

What do you think? Did you have the same experiences?

-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.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] Warnings in CSS validation

[Gunlaug Sørtun]

Tanya Renne wrote:
Can someone give me some insight around the warnings I get when 
validating css? How seriously should they be taken? Is the goal to 
have no errors and no warnings? What is the impact of different 
warnings?


A warning basically tells you that a particular part of your code is
perfectly valid, but that it _may_ give unwanted side-effects. The
validator can't check the end-result, so it's telling you to check your
choices one more time and make sure you made the right ones.

Examples:
- You may get a warning that some CSS3 code won't work reliable -- yet.
The validator can't check if you have coded fall-backs. Progressive
coding may give you a few of those.

- Warnings about (lack of) foreground/background colors tell you to
check that your choices are good. The validator can't see the
end-result, so things may work out perfectly well even with a few of those.



It is no goal to get zero warnings. It is a goal to check out and
understand why you get each one of them.

Well-calculated but non-valid code may be the only option in some rare
cases, so even a _very_ limited number of errors _may_ be acceptable if
you know exactly what you are doing.

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

Re: [css-d] Site design

[David Laakso]

Richard Brown wrote:



 I would like to do a design that looks like this:
http://www.mevagisseyapartments.co.uk/design.jpg 
Rich


Rich, this is a little along the lines of what I guess you are looking 
for-- maybe you can do something with it?


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/

[css-d] Nested ULs as navigation

[Geoffrey Alan Colbath]

Hello,

I'm trying to develop a navigation menu using nested ULs, and I'm having
quite a bit of trouble. In my CSS
(http://www.id.iit.edu/~colbath/Akiba/include/styles2.css), I'm using
"#nav ul li ul", but the "#nav ul li" style is overriding everything
else I try to develop. If you could take a look at the CSS, and the page
I'm implementing it on
(http://www.id.iit.edu/~colbath/Akiba/preschool.html), and make sense of
it all, I'd really appreciate it.

Thanks,

Geoff
__
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] Padding and divs, basic question

[Scott Haneda]

If I have a div that is set to 120px wide, and I want to drop some text into
it, and have that text a few pixels in from the border of the div, is there
some way to do it without messing with the 120px side of things:

.foo {
width: 120px;
border: 1px solid red;
}



Something


So that's just fine, but the "Something" is butted right up on the red
border, I want it in somewhat, but then it changes the width if I use margin
or padding, and I am betting various browsers deal with this in different
ways.
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
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] Padding and divs, basic question

[Christian Heilmann]

> If I have a div that is set to 120px wide, and I want to drop some text into
> it, and have that text a few pixels in from the border of the div, is there
> some way to do it without messing with the 120px side of things:
> So that's just fine, but the "Something" is butted right up on the red
> border, I want it in somewhat, but then it changes the width if I use margin
> or padding, and I am betting various browsers deal with this in different
> ways.

Real browsers add the padding to the width, so if you want an element
with a width of 120px and padding you need to substract them:

#foo{
  width:100px;
  padding:0 10px;
}

Older versions of MSIE make a pig's ear out of that, and you'll need
to hack for them:
http://tantek.com/CSS/Examples/boxmodelhack.html


-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.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] Padding and divs, basic question

[Craig Cook]

On 9/20/05, Scott Haneda <[EMAIL PROTECTED]> wrote:
> If I have a div that is set to 120px wide, and I want to drop some text into
> it, and have that text a few pixels in from the border of the div, is there
> some way to do it without messing with the 120px side of things:
>
> .foo {
> width: 120px;
> border: 1px solid red;
> }
>
>
> 
> Something
> 
>
> So that's just fine, but the "Something" is butted right up on the red
> border, I want it in somewhat, but then it changes the width if I use margin
> or padding, and I am betting various browsers deal with this in different
> ways.

If your div's content is wrapped in another element, most likely a
, you can apply the padding/margins to that element rather than the
container, thus avoiding any box model hacking:

div.foo { width: 120px; border: 1px solid red; }
div.foo p { margin: 10px; }


Something


This is actually better semantically as well, since a div is
semantically neutral and adds no inherent meaning to "Something".

--
Craig, www.focalcurve.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] 'popup menu' and select problems

[Tony Garcia]

Well, it's not quite as simple as that :(

I have some popup menus that I'm trying to get to display properly in IE 
6, with a drop-down "select" list underneath. This problem appears to be 
well-known, and I found plenty of info on using IFRAME to get around it.


The problem that I'm having is that the IFRAME won't go behind the 
popup. Even if the popup DIV z-index is 100 and the IFRAME z-index is 1, 
the IRFAME still displays in front of the DIV. I fixed this partially by 
making the IFRAME transparent, but that only allows me to see the menu 
items - the rollovers don't work, and I can't click on them.


I have a slight suspicion that this is due to the Position styles on all 
the parent elements. I was wondering if anyone may be able to confirm that?


A little psuedo-html  to get the idea of the layout:


  
 //header stuff here
  
  
 Dropdown Menu
onClick='javascript:doPopup()'>

   Item 1
   Item 2
   Item 3

 
  
  
 
Option 1
Option 2
Option 3
 
  


  //This is resized and moved by javascript:doPopup()


I have no problem getting the IFRAME and menu DIV to line up, but the 
IFRAME is always in front. Will I need to declare position: for all 
parent elements of the menu DIV?


TIA,

(btw, I guess I should say 'hi', too!)

Tony

__
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: Style Checkboxes Cross-Browser in Windows

[Brett Merkey]

I am experimenting with a Unicode font, Lucida Sans Unicode, to provide a
x-browser way to get around IE's inabilities regarding form checkboxes. The
font is supposedly on every Windows machine since Win 98 but I find that one
machine with that font (and same version 2.0 of the font) fails completely.
On the other machines, IE5+, Firefox/Mozilla, and Opera perform as desired.

I am hoping some people can take a look on their Windows machines and e-mail
me privately so I can determine if the one failure was an anomaly or I have
one more failed experiment to add to the pile.


Style Checkboxes Cross-Browser in Windows:
http://web.tampabay.rr.com/bmerkey/examples/style-checkboxes.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] Back slash hack / Safari / FOUC

[David Laakso]

Richard Hawking wrote:


I need to hide all styles from IE Mac, so I used:
/* commented backslash hack v2 \*/
@import url(import/navigation.css);
/* end hack */
Unfortunately, this is causing terrible FOUC problem in Safari. Is 
there another way I can hide all styles from IE Mac? There are several 
stylesheets which need to be hidden.

Richard


You might try enclosing the css within:
@media screen { 
...

}
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] text-justify and equal word-spacing

[David Laakso]

Johan wrote:



My question:
I need to not only justify align a text in a  but need to have a 
equal word-spacing too,

cross-browser, IE WIN does a great job with text-justify: newspaper.
Other browser like Mozilla, one can use text-align:justify but the 
words are not 'that' equally spaced
but aligned justified.  Maybe word-spacing is an idea, tried it once 
but not that consistent.

Any ideas would be great?
Regards,
Johan.


Sorry. Forget it. It ain't gonna' work on the Web.There are too many 
variables. Use flush left/ragged right /or/ flush right/ragged left.

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] Menu positioning oddities in Opera

[Sasha Gerrand]

> From: Andrew Gregory <[EMAIL PROTECTED]>
> Organization: Southern Cross Software Solutions
> Date: Tue, 20 Sep 2005 15:49:45 +0800
> To: Sasha Gerrand <[EMAIL PROTECTED]>, CSS Discuss - Mailing List
> 
> Subject: Re: [css-d] Menu positioning oddities in Opera
> 
> On Tue, 20 Sep 2005 13:43:54 +0800, Sasha Gerrand <[EMAIL PROTECTED]> wrote:
> 
>> I used the ALA 'Suckerfish' technique when making the navigation
>> drop-down menus for a development site[1] (CSS file is here[2]). In IE,
>> Safari and Firefox, the menus behave correctly. However, in Opera the
>> parent points of the menus start repositioning themselves depending on
>> whether they are triggered by a mouseover event or not.
>> 
>> [1] http://development.unitedgroup.com.au
>> [2] http://development.unitedgroup.com.au/css/unitedgroup-screen.css
> 
> Everything looks fine in my Opera 8.02/Win. I tried with JS on and off.
> 
> BTW, "Archived Publications/Presentations" doesn't fit.
> 
> HTH,
> -- 
> Andrew Gregory, mailto:[EMAIL PROTECTED] >
> http://www.scss.com.au/family/andrew/ >
> 
Andrew,

Thanks for checking the URI. The 'Archived P/P' is a known issue.

Cheers,
Sasha




__
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] href's and images

[Sam Leathers]

I'm working on a website where I have a standard  list for links in
display: block; Currently, the links are  tags, but I'd like to use
css to display the image. I know I can use background:
url("/path/to/image.gif"), but whats the best way to have a different
image for each href? Do I need to have each href in a different class to
achieve this? Also, if it makes any difference, I do plan on using the
hover tag to do an image swap.

URL: http://irc.gentux.org:8000/Contact-pg.html

Sam
-- 
in life, direction is everything, distance is secondary--so keep your
bearings!

[KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed.

Get Firefox!!!
http://www.spreadfirefox.com/?q=affiliates&id=13731&t=1
__
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: Style Checkboxes Cross-Browser in Windows

[Christian Heilmann]

> I am hoping some people can take a look on their Windows machines and e-mail
> me privately so I can determine if the one failure was an anomaly or I have
> one more failed experiment to add to the pile.

> Style Checkboxes Cross-Browser in Windows:
> http://web.tampabay.rr.com/bmerkey/examples/style-checkboxes.html

It has the same issue as other attempts to style form elements via
scripting and CSS - a change in the user experience and being less
accessible. I can access real checkboxes via keyboard, your solution
does not allow me to do that. Furthermore I need scripting enabled to
select and read anything.

The way around that would be to use real checkboxes and replace them
with your solution when JavaScript is available. Instead of using
onclick on the table row you'd need to replace each checkbox with a
link - as links are keyboard accessible.

Form elements are more than meets the eye - they are interactive elements.

-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.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/

[css-d] Site Check - http://www.dolphincoveinn.com

[Thomas Hall]

If anyone has a spare moment please look at http://www.dolphincoveinn.com
  and let me know if I missed anything.
Thanks so much

 

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/