[css-d] [RE-POST] anchor focus in opera and IE

2005-12-09 Thread Mark Batty
Hi all, I've re-posted to hopefully get some information.

If no-one has a solution to my problem below would you be able to tell me if
anchor focus normally works in Opera and IE?

Thanks.  Original post follows:

My query is about an accessibility feature I'm trying to do with css.  This
post is not about accessibility pros and cons, etc (which I know is
off-topic) but about css techniques.

Example page and code:

html:
http://public.softectra.com/dev/lang/markup/css/cssd/081205_1/index.html
css:
http://public.softectra.com/dev/lang/markup/css/cssd/081205_1/css/good_brows
ers.css
ie:
http://public.softectra.com/dev/lang/markup/css/cssd/081205_1/css/ie_fix.css

Note there is only 1 page, none of the links on it will take you anywhere.

I've created some anchors that are only visible if they receive focus, e.g.
with a keyboard tab.  I set the text colour the same as the background
colour so its invisible, then when the anchor has focus I change the colours
so it is visible.

.skip {
position: absolute;
}

/* Skip only shown on focus, to skip over sections. */
.skip:link, .skip:visited, .skip:hover, .skip:active, .skip:focus {
color: #fff;
}

.skip:focus {
background-color: #fc0;
color: #000;
}

I'm testing with FF 1.0.7, Opera 8.5, and IE 6.0 on Win XP SP2 (and Lynx
2.8.5).

Everything works perfectly in FF but not in Opera or IE.

Opera seems to work with its own keyboard tab feature, maybe an option I
don't know about, either way I don't see my styles.  In IE I can't see
anything.

Is Opera ignoring the :focus?
Does IE need a special fix?

Any suggestions greatly appreciated.

Thanks.

Mark.


__
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: Cornell PRSSA and sub site

2005-12-09 Thread Christian Montoya
Hello all, I have a site due Friday night and I'm just about done with
all the CSS. Please visit:

http://temp.rdpdesign.com/final/

There's the main site, and a link at the bottom to switch to a
simple style, and then there's also the sub site, which is at:

http://temp.rdpdesign.com/final/ivy/

which also has an alternate stylesheet.

I ran into a lot of bugs while working on the site and I was able to
fix or workaround them for FF, IE, and Opera, all on Windows, but I
have no idea what it looks like in Mac or Linux, as well as older
browsers.

Thanks in advance!

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.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] [RE-POST] anchor focus in opera and IE

2005-12-09 Thread Ingo Chao
Mark Batty wrote:
 Hi all, I've re-posted to hopefully get some information.
 
 If no-one has a solution to my problem below would you be able to tell me if
 anchor focus normally works in Opera and IE?

:focus is not implemented in IE6, one workaround is the use of the 
:active pseudo-class

Ingo

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


Re: [css-d] Site check: Cornell PRSSA and sub site

2005-12-09 Thread Rob Cochrane
Christian Montoya wrote:
 Hello all, I have a site due Friday night and I'm just about done with
 all the CSS. Please visit:
 
 http://temp.rdpdesign.com/final/
 
 There's the main site, and a link at the bottom to switch to a
 simple style, and then there's also the sub site, which is at:
 
 http://temp.rdpdesign.com/final/ivy/
When expanding the text in FF1.5 the tabs fall off completely. Two 
clicks and calandar is gone.
Rob

-- 
_
Rob Cochrane
Website: http://www.by-rob.com/
Blog:http://blog.by-rob.com/

Owing to the general nature of emails this email may be read by anyone 
who happens to have it appear in their in-box. I would never be so dumb 
stupid as to send confidential or secret information via an open 
unencrypted email. If you are not the named recipient please feel free 
to use, disseminate or reproduce by any means you desire. Please don't 
bother to let me know. Any views expressed herein could be those of 
anyone intercepting this email, myself or some other person or entity. I 
actually don't care! If you don't like the views expressed ... deal with it!

If you want to get all legal then remember that emails are constantly 
and routinely intercepted by governments and agencies, nefarious 
characters and anyone else with the capability worldwide who do so with 
impunity and are able to edit a communication to their own desire.
_
As a voter and taxpayer in your Country or a shareholder in a Company 
you may wish to ask why these organisations are spending billions of 
your money on proprietary software where equivalent or better open 
source software exists at a fraction of the cost of implementing the 
proprietary software.

Insist on OASIS Standard OpenDocument format for transmission and 
exchange of data.
Implement an open source suit like OpenOffice.org 2 available at 
http://www.openoffice.org/
Use an open source email client like Thunderbird available here: 
http://www.mozilla.org/products/thunderbird/
Your browsing experience would be improved with one of these browsers:
http://www.mozilla.org/products/firefox/
http://www.opera.com/
http://browser.netscape.com/ns8/
__
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: Cornell PRSSA and sub site

2005-12-09 Thread David Laakso
Christian Montoya wrote:

Hello all, I have a site due Friday night and I'm just about done with
all the CSS. Please visit:

http://temp.rdpdesign.com/final/
  

17 Linux/Mac/Win2000 captures
http://www.browsercam.com/public.aspx?proj_id=212715

http://temp.rdpdesign.com/final/ivy/
  

19 Linux/Mac/Win2000 captures
http://www.browsercam.com/public.aspx?proj_id=212713

Christian Montoya

Getting lateral page shift on both sites at 1280.
Best,
~dL
__
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] was Paragraphs and floats, now bulleted list.

2005-12-09 Thread Trevor Boult
Hi All,

Thanks to those that posted the solution for paragraphs clearing to a new 
line from a previous paragraph. clear:both;

But I still had the problem of text wrapping around the little icons I had 
for each paragraph. I tried loads of things, nowrap, div containers 
etc., but nothing worked in an efficient way.

Then I had an idea of using a liul tags to create the effect I was 
after.  Could you kind peeps please check out the below site and check this 
is okay on different browsers (browsershots takes ages) before I implement 
it throughout our countryside history pages.

temp page

http://www.tboult.co.uk/temp/temp.html

main css for the paragraphs

http://www.tboult.co.uk/temp/paragraphs.css

Cheers everyone


Trevor
http://www.tboult.co.uk


__
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-POST] anchor focus in opera and IE

2005-12-09 Thread Philippe Wittenbergh

On 9 Dec 2005, at 5:11 pm, Mark Batty wrote:

 Is Opera ignoring the :focus?

Not really, but they ignore the :focus pseudo-class in favour of  
their own mechanisms.

Things change a bit in Opera 9 preview, where your skip link is visible.

Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.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] Generated content [WAS Re: True scalable, rounded buttons with CSS and images.]

2005-12-09 Thread Zoe M. Gillenwater
Craig Morris wrote:

Christian Montoya wrote:

  

One solution would be to add the img tags in as CSS generated content,
but that is not widely supported.


I'm unfamiliar with this.  For my project the images have to be in the 
markup itself, so it doesn't sound like it's an option for me.  But I'll 
have to look into it for the example.  Thanks for the tip!
  


With generated content, the content is in the markup -- it's just put 
there by the CSS.  So when CSS is off, it's no longer there.  It 
shouldn't be used like crazy, but is good for generating custom bullets, 
creating clearing elements, and pulling the href value of links into the 
text of the page when it prints.

Here's the spec:
http://www.w3.org/TR/CSS21/generate.html

Here's an article:
http://www.westciv.com/style_master/academy/css_tutorial/advanced/generated_content.html

And a whole lot more:
http://www.blingo.com/search?q=css+generated+contentx=0y=0

Sadly, there doesn't appear to be a wiki page on the topic yet:
http://css-discuss.incutio.com/?page=GeneratedContent (sad, empty page 
just waiting for someone to fill it up!)

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] was Paragraphs and floats, now bulleted list.

2005-12-09 Thread David Laakso
Trevor Boult wrote:

But I still had the problem of text wrapping around the little icons I had 
for each paragraph. I tried loads of things, nowrap, div containers 
etc., but nothing worked in an efficient way.
http://www.tboult.co.uk/temp/temp.html
main css for the paragraphs
http://www.tboult.co.uk/temp/paragraphs.css
Trevor
  

Trevor, whether any of the below stuff corrects the problem of the text 
overlapping the images at text size 'smaller' and 'smallest' in 
XP_SP/IE6.0, remains to be seen, nevertheless:

--You have no doctype. Tidy Online http://infohound.net/tidy/ will 
assign one for you and correct the mark-up errors so that the html will 
validate.
-- You have no background-color assigned: consequently, your page is  
black on fuchsia in my machine
-- Validate the css (you ignore most of the warnings except for the one 
above)
-- Computers have a difficult time setting fonts, period. Your unserifed 
justified and letter-spaced content text is a typographic nightmare. 
Text-align: left; with no letter-spacing and line-height expressed as a 
raw number will do just fine.
--In coutryside_history.css consider re-setting:
body {font-family:'Verdana','luxi sans','Arial','sans serif';}
to:
body { font: 200 100.01%/1.2  'Lucida Grande', 'Nimbus Sans', 'Luxi 
Sans', Arial, sans-serif; }
and changing this:
p {
   /* font-size: 0.8em;
font-weight: normal;
letter-spacing: 0.2mm;
font-style: normal;
font-variant: normal;
text-align: justify;
line-height: 1.6em;*/
margin-top: 0.7em;
margin-bottom: 0.7em;
}

Best,
~dL




__
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-POST] anchor focus in opera and IE

2005-12-09 Thread Mark Batty
 :focus is not implemented in IE6, one workaround is the use of the 
 :active pseudo-class
 
Thanks Ingo, that seemed to work.

If anyone is interested, I had to do this ...

/* IE doesn't use focus so we use active instead. */
* a:active {
text-decoration: none;
color: #c60;
}

#announce a:active {
text-decoration: none;
color: #fff;
}

.vnav ul li a:active {
background-color: #72b5e6;
}

.vnav_first:active {
background: #469df2 url(../images/vnav_tlh.gif) no-repeat top left;
}

.vnav_last:active {
background: #469df2 url(../images/vnav_brh.gif) no-repeat bottom right;
}

.hnav ul li a:active {
color: #c60;
}

.skip:active {
background-color: #fc0;
color: #000;
z-index: 1;
}


Mark.


__
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] symmetry: Horizontal centering divs

2005-12-09 Thread Zoe M. Gillenwater
David Laakso wrote:

Nick Fitzsimons wrote:

  

Published today, at Drew McLellan's 24 ways to impress your friends:
Centered Tabs with CSS by Ethan Marcotte. Enjoy!
http://24ways.org/advent/centered-tabs-with-css


Bingo! Filed under 'dated.'
  


David,

Can you please explain why you think the method shown at the referenced 
URL is dated rather than just declaring it so?  We appreciate it if list 
members don't send just a URL without an explanation, or a cryptic 
comment without an explanation, or state their opinion without making it 
clear that it is an opinion or providing information to back it up.  It 
will help everyone here learn CSS better and be able to avoid dated 
methods in the future.

Thanks,
Zoe Gillenwater
css-d list moderator
__
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] was Paragraphs and floats, now bulleted list.

2005-12-09 Thread Trevor Boult
Cheers for the tips David. I should have pointed out the code sample is 
copied out from the original page, hence no doc type.

I'll see if the changes makes a difference to the font sizes.

Cheers

Trevor


From: David Laakso [EMAIL PROTECTED]
To: Trevor Boult [EMAIL PROTECTED]
CC: css-d@lists.css-discuss.org
Subject: Re: [css-d] was Paragraphs and floats, now bulleted list.
Date: Fri, 09 Dec 2005 07:41:41 -0500

Trevor Boult wrote:

 But I still had the problem of text wrapping around the little icons I 
had
 for each paragraph. I tried loads of things, nowrap, div containers
 etc., but nothing worked in an efficient way.
 http://www.tboult.co.uk/temp/temp.html
 main css for the paragraphs
 http://www.tboult.co.uk/temp/paragraphs.css
 Trevor
 
 
Trevor, whether any of the below stuff corrects the problem of the text
overlapping the images at text size 'smaller' and 'smallest' in
XP_SP/IE6.0, remains to be seen, nevertheless:

--You have no doctype. Tidy Online http://infohound.net/tidy/ will
assign one for you and correct the mark-up errors so that the html will
validate.
-- You have no background-color assigned: consequently, your page is
black on fuchsia in my machine
-- Validate the css (you ignore most of the warnings except for the one
above)
-- Computers have a difficult time setting fonts, period. Your unserifed
justified and letter-spaced content text is a typographic nightmare.
Text-align: left; with no letter-spacing and line-height expressed as a
raw number will do just fine.
--In coutryside_history.css consider re-setting:
body {font-family:'Verdana','luxi sans','Arial','sans serif';}
to:
body { font: 200 100.01%/1.2  'Lucida Grande', 'Nimbus Sans', 'Luxi
Sans', Arial, sans-serif; }
and changing this:
p {
/* font-size: 0.8em;
 font-weight: normal;
 letter-spacing: 0.2mm;
 font-style: normal;
 font-variant: normal;
 text-align: justify;
 line-height: 1.6em;*/
 margin-top: 0.7em;
 margin-bottom: 0.7em;
}

Best,
~dL




__
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 extra space in layout with IE 6 and not others?

2005-12-09 Thread Zoe M. Gillenwater
Dan Moriarty wrote:

I have a layout problem on this page:
http://invision-optical.com/collections/

Why is there a bunch of extra space, vertically, between my main product
image and the table below, listing product numbers? This is only in IE 6,
but not in Safari on Mac, or Firefox on Windows?
There¹s an image and then a table starts right after the image.
  


It looks as though the table is starting beneath the left sidebar, which 
sounds like a float drop.  This usually occurs because IE thinks there 
isn't enough room to display both side by side.  Check out this article 
for some of the causes and solutions:
http://nemesis1.f2o.org/aarchive?id=11

An easy way to test this would be to set the text size to larger, which 
would make the sidebar longer, and see if the table moved down a 
corresponding amount.  But unfortunately you've set text sizes in 
pixels, which means that IE users can't resize them if they need to, 
while everyone else can, giving you a false sense of security and making 
the web site less usable for some IE users.  Especially since this is an 
eyeglasses site, I would think you would be concerned about catering to 
an audience with poor vision. :-)

I suggest not using pixels for sizing text and using percentages 
instead.  This is a sensitive topic, however, so I urge you to read the 
information at the wiki instead of getting into a debate over the merits 
of each option on the list.
http://css-discuss.incutio.com/?page=UsingPixels

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/


Re: [css-d] Windows browsers site check, please

2005-12-09 Thread Zoe M. Gillenwater
Jacob Reiff wrote:

http://tinyurl.com/7tydr

I had a screenshot sent to me that looked like the left main  
content was dropping beneath the sidebar content, which is floated  
right and comes first in the source.
  


When I check it on IE6, I don't see a float drop (though you probably 
have that too) -- I see only the header and the very top of the headline 
on the first post, and that's it.  The rest of the page has the 
background but is blank.  Refreshing, minimizing, switching windows -- 
none of it fixed it.  However, don't despair -- I'm sure it can be fixed 
easily with one of the standard IE hacks.  My first guess would be to 
put position: relative on the contain div and see if that clears it up.

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] Problem with float: left and IE

2005-12-09 Thread Mike Thirlwell (CBJ Digital Ltd)
Hi there,

I have a problem with a quite complex layout that (of course) works in 
FF but (also of course) not in IE. A test case is at:

http://www.bigjelly.com/css/test.htm

Which demonstrates the problem in a simplified layout.

The content is floated left, so that all content that appears 
subsequently in the document should pop-up to the right of the main 
content div. This is what happens in FF. In IE however, the extra 
content clears the float and begins below the content box. The problem 
still occurs with the simpler test case of stripping out the header and 
absolutely positioned box too.

This is a really simple problem, but I couldn't find the right place to 
look for the solution :(

Cheers.

Mike

-- 

_

CBJ Digital Ltd.

http://www.cbjdigital.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 and :hover pseudoclass?

2005-12-09 Thread Mike Thirlwell (CBJ Digital Ltd)
Is this any use?

http://www.xs4all.nl/~peterned/csshover.html

Design Groups wrote:
 
 I need to have a div class have the border color change when moused over.  I
 can do it just fine in Mozilla - but, of course, it's not functioning in IE.
 

_

CBJ Digital Ltd.

http://www.cbjdigital.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] Problem with float: left and IE

2005-12-09 Thread Michiel van der Blonk
Hi

I think the problem is the width. I tried setting the width of the 
sidebar boxes to 30% and they jumped right into place. Then again, maybe 
you really need them to be 250px.

Michiel

Mike Thirlwell (CBJ Digital Ltd) wrote:

Hi there,

I have a problem with a quite complex layout that (of course) works in 
FF but (also of course) not in IE. A test case is at:

http://www.bigjelly.com/css/test.htm

Which demonstrates the problem in a simplified layout.

The content is floated left, so that all content that appears 
subsequently in the document should pop-up to the right of the main 
content div. This is what happens in FF. In IE however, the extra 
content clears the float and begins below the content box. The problem 
still occurs with the simpler test case of stripping out the header and 
absolutely positioned box too.

This is a really simple problem, but I couldn't find the right place to 
look for the solution :(

Cheers.

Mike

  


__
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] Problem with float: left and IE

2005-12-09 Thread Michiel van der Blonk
Found another solution:
#content { display:inline} /* this fixes the double margin bug */
#sidebar1, #sidebar2 {width:auto}

Michiel

Mike Thirlwell (CBJ Digital Ltd) wrote:

Hi there,

I have a problem with a quite complex layout that (of course) works in 
FF but (also of course) not in IE. A test case is at:

http://www.bigjelly.com/css/test.htm

Which demonstrates the problem in a simplified layout.

The content is floated left, so that all content that appears 
subsequently in the document should pop-up to the right of the main 
content div. This is what happens in FF. In IE however, the extra 
content clears the float and begins below the content box. The problem 
still occurs with the simpler test case of stripping out the header and 
absolutely positioned box too.

This is a really simple problem, but I couldn't find the right place to 
look for the solution :(

Cheers.

Mike

  

__
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] Windows browsers site check, please - jaacob

2005-12-09 Thread Felix Miata
Jacob Reiff wrote Thu, 8 Dec 2005 21:47:50 -0800:
 
 http://tinyurl.com/7tydr

You're specifying: font-family: Lucida Grande, Lucida Sans,
Helvetica, Arial, san-serif;, which on many windoze systems, which
almost never have Lucida Grande, but do have both Lucida Sans and
Lucida Sans Unicode, will get you this:

http://mrmazda.no-ip.com/SS/jacobr1.jpg

Lucida Sans Unicode will not do that to .entry.

Note that your .entry text is considerably smaller than my browser UI
text. That's not good either:
http://members.ij.net/mrmazda/auth/defaultsize.html#note1

Here's what can result from your use of the Clagnut body: 62.5%
font-sizing technique (you're seeing Lucida Sans Unicode here, BTW):

http://mrmazda.no-ip.com/SS/jacobr2.jpg

This results from one of the most basic of user defenses against too
small text, a user stylesheet with one simple rule:

body {font-size: medium !important;}

If I tweak that rule to:

body, .entry {font-size: medium !important;
line-height: normal !important}

.entry reads a lot better, with a whole heap less scrolling per
paragraph:

http://mrmazda.no-ip.com/SS/jacobr3.jpg
-- 
Blessed is the nation whose God is the Lord.Psalm 33:12 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://members.ij.net/mrmazda/auth/

__
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] True scalable, rounded buttons with CSS and images. (Craig Morris)

2005-12-09 Thread Fred D Yocum
You are not setting the height and width in the html?  This is the mark up 
copied off your page
  img class=leftcap src=images/leftcap.gif alt=

I saw a presentation Eric Meyer did at the EventApart in Philadelphia were 
he created a fully scaleable page using only ems. Unfortunately my notes 
are pretty rudimentary and when I just tried to access the presentation 
online in seems to have disappeared. 
The gist is you begin with a base font-size set in pixels and then work 
from the base. If your base font size is 12pixels and you have an image 
that is supposed to display at 36pixels X 36pixels  (at its default size) 
you would set it to 3em x 3em. When the font size is increased or 
decreased the image size changes.

Whether a browser that was not using CSS would accept ems as a measurement 
is another question...

 Two problems:
 First,  the whole setup blows up if CSS is off (that's not a huge issue
 for me, but it might be to some people).

__
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 Family Tree?

2005-12-09 Thread Chad Calhoun
I'm looking to make a family tree and I think the best way to do it is using
a list, but I'm not sure.  Has anybody tried doing this before or are there
any examples up somewhere?




__
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] True scalable, rounded buttons with CSS and images. (Craig Morris)

2005-12-09 Thread tedd
You are not setting the height and width in the html?  This is the mark up
copied off your page
   img class=leftcap src=images/leftcap.gif alt=

I saw a presentation Eric Meyer did at the EventApart in Philadelphia were
he created a fully scaleable page using only ems. Unfortunately my notes
are pretty rudimentary and when I just tried to access the presentation
online in seems to have disappeared.
The gist is you begin with a base font-size set in pixels and then work
from the base. If your base font size is 12pixels and you have an image
that is supposed to display at 36pixels X 36pixels  (at its default size)
you would set it to 3em x 3em. When the font size is increased or
decreased the image size changes.

I'm no Eric Meyers, but I've done that without setting a base font 
size -- I may be wrong, but I don't think it's needed.

The technique is pretty simple, just use em's instead of pixels and 
provide a rule for every graphic.

I explain it here:

http://www.sperling.com/examples/zoom1/

And show an example of it here:

http://earthstones.com/

tedd

-- 

http://sperling.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 Family Tree?

2005-12-09 Thread Roy Schestowitz
_/ On Fri 09 Dec 2005 17:34:00 GMT, [Chad Calhoun] wrote : \_

 I'm looking to make a family tree and I think the best way to do it is using
 a list, but I'm not sure.  Has anybody tried doing this before or are there
 any examples up somewhere?

In the context of CSS or not? Have a look at:

http://www.lesandchris.com/ged2www/

You can easily add some styles to such pages, which are generated in a 
very raw,
and stripped-down form.

Arbitrary example, without CSS:

http://www.spanglers.info/dat153.html

You could extend the source to include classes in the HTML output and then
re-compile, contributing back to the project.

Hope it helps,

Roy

__
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] Trying to modify this CSS to show the menu and picture viewer

2005-12-09 Thread Laura Greenwood
hi everyone,

I've been a busy bee working hard trying to get all this code working!
I have had some amazing help from great people here and have a kind of
CSS template if you will, that I'm using for my site. I'm trying to
incorporate a photo viewer in that layout and let me tell you that is
not going too great! (smile). I got the picture viewer working well,
but I can't figure out how to get the right side menu working in the
structure I have.

Here's my basic structure

http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index10.htm
the CSS is at

http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/css/tempinc.css

here's the pictures (click on facility from the above link) or go
directly to

http://ciswebs.smc.edu/cis51/greenwood_laura_lee/tempnov/facility.htm
(this page uses the tempinc.css webs above and inline for the picture
viewer)

I put the word left in the left div, and the word main in the main
div... so those are showing up. I don't really need those divs for
this type of page. but I do need the menu to be exactly where it is on
the right.

If anyone has any ideas how to get it working right, boy I'd sure
appreciate it.  I can't believe how much I'm learning from all this!

Much thanks!!!

Laura



--

Laura

http://google-fu.blogspot.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] Generic Block Class?

2005-12-09 Thread christianz
Is there any way to apply a style rule to all block level elements (and not to 
any inline elements, or any other kind of element for that matter) without 
listing all block level elements in the style sheet?
___
Try the New Netscape Mail Today!
Virtually Spam-Free | More Storage | Import Your Contact List
http://mail.netscape.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] Several problems with menu list

2005-12-09 Thread Volker Austin
First of all, my english is not good, sorry.

Hi all,

I am learning css but the way is hard ;-).

The test page is here (css is inside html):
http://cssing.atspace.com/list.html

I'm trying to do a menu list but i have one problem with pseudo-class
a:active, this works in IE 6 but not in Firefox 1.5., a:hover works
fine. Some idea?.

The second problem are the width links. I don't know how to make its
width to fit menu width, playing with #menu a padding to fit it, is
a pain in the ass :( and i think it is incorrect. Please, advertise me
about the right way to do this.

Thank you very much.

P.D. xhtml and css validates ok in w3c validator.

Kind regards.
__
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 6.0 text indent issue -Newbie

2005-12-09 Thread Mindy
On 12/7/05, David Laakso [EMAIL PROTECTED] wrote:

 Mindy wrote:

 Hi
 
 I have an issue with IE 6 in this navigation, it's causing the first line
 of
 text to indent and I can't sort out how to solve it. I know that if I set
 text-indent in the style sheet to -23px the problem is resolved in IE
 6,
 but it causes the text to be up against the left side of the page in
 Firefox, mozilla etc (that is there is no margin). So my question is, how
 do
 I serve instructions to IE to indent the text and not to Firefox etc.?
 
 http://www.testing.blueaardvark.com/YMA/index.html
 
 styles:
 http://www.testing.blueaardvark.com/YMA/styles_b.css
 
 Thanks for your help.
 
 Mindy
 
 
 My /guess fix/ has not been tested.  Change this selector:
 #active { ... }
 to read:
 #navlist li#active { ... }
 aside: the content is kind of tiny at 1280 *and* up.
 this is a /start/ to correct it:
 body {font-size: /*small*/;}
 Hugging the left viewport w/ a fixed width layout is a little tough on
 ones sense of equilibrium(at least mine).
 Regards,~dL



I'll give it a whirl. Just coding, design is out of my hands. I'll pass
along your comments.
Thanks for your help, David.

Mindy
__
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] True scalable, rounded buttons with CSS and images. (Craig Morris)

2005-12-09 Thread Daryl Beattie
Wow, this is all good stuff.

However, question for all of you; what do you do in the case that you
need dynamically wide buttons based on the text within them? Craig, I
noticed in your example that you have to set the width of every button.
But let's say you had a custom tag to write these out, and you could
pass it random button text and wanted the button to have the appropriate
width, what would you do in that case?

Put simply, is there a way to get rid of this in the example page?
#btn1 .middle {width:4.4em;}

- Daryl.


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of tedd
Sent: Friday, December 09, 2005 12:41 PM
To: Fred D Yocum
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] True scalable, rounded buttons with CSS and images.
(Craig Morris)

You are not setting the height and width in the html?  This is the mark
up
copied off your page
   img class=leftcap src=images/leftcap.gif alt=

I saw a presentation Eric Meyer did at the EventApart in Philadelphia
were
he created a fully scaleable page using only ems. Unfortunately my
notes
are pretty rudimentary and when I just tried to access the presentation
online in seems to have disappeared.
The gist is you begin with a base font-size set in pixels and then work
from the base. If your base font size is 12pixels and you have an image
that is supposed to display at 36pixels X 36pixels  (at its default
size)
you would set it to 3em x 3em. When the font size is increased or
decreased the image size changes.

I'm no Eric Meyers, but I've done that without setting a base font 
size -- I may be wrong, but I don't think it's needed.

The technique is pretty simple, just use em's instead of pixels and 
provide a rule for every graphic.

I explain it here:

http://www.sperling.com/examples/zoom1/

And show an example of it here:

http://earthstones.com/

tedd

-- 


http://sperling.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-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 Family Tree?

2005-12-09 Thread Alex Robinson
At 12:34 -0500 9/12/05, Chad Calhoun wrote:
I'm looking to make a family tree and I think the best way to do it is using
a list, but I'm not sure.  Has anybody tried doing this before or are there
any examples up somewhere?

Whether or not a list is the best way, the answer to your questions 
is yes and yes. There was a previous css-d thread about a year ago 
from which the following contribution of mine is taken:

http://archivist.incutio.com/viewlist/css-discuss/45781
__
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] Generic Block Class?

2005-12-09 Thread David Dorward
On 09/12/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
 Is there any way to apply a style rule to all block level
 elements (and not to any inline elements, or any other
 kind of element for that matter) without listing all block
 level elements in the style sheet?

No. Seems a rather odd kind of thing to try to do though.

--
David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk
__
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] Attributes of classes

2005-12-09 Thread Vicki Stebbins
At 08:44 AM 4/12/2005, Vicki Stebbins wrote:
Hi all,

I've got myself going in circles with this, I initially had the same div ID
in these pages which could be multiple times. It got a validation error.

I realise now that it's a no no and have made these divs CLASSES. That
works but now some of my classes on li class=title for instance now
don't work?


I thought I'd best let the list know this is now sorted out (and anyone who 
may be struggling with the same problem) many thanks to Peter Abramowicz 
who said this:
The reason it was working before with ID's is that ID's are more specific 
then CLASSES, once you switched to CLASSES the selector wasn't specific 
enough. One solution would be to modify to the title selector - div#ufwus 
li.title.

For a fuller explanation of specificity check out: 
http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html.

Now leaving all that aside, wouldn't it make more sense 'semantically 
speaking' to have the title as a hx element?
ie.
ul h2{
font: normal bold small Arial, Verdana, sans-serif;
color: red;
margin:1em .5em 1em;
}

PeterA.

Thanks once more to the list and Peter.

8-)
Vicki

__
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] Generic Block Class?

2005-12-09 Thread CJ Larson
  Is there any way to apply a style rule to all block level
  elements (and not to any inline elements, or any other
  kind of element for that matter) without listing all block
  level elements in the style sheet?
 
 No. Seems a rather odd kind of thing to try to do though.

Being able to stick a border on all block elements sure helps with
debugging though.  ;)  I use the outline block level elements option
on the FF Web Developer Toolbar every day.
__
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] Trying to modify this CSS to show the menu and picture viewer

2005-12-09 Thread Gunlaug Sørtun
Laura Greenwood wrote:
 I got the picture viewer working well,
 but I can't figure out how to get the right side menu working in the
 structure I have.

I took the quick and lazy route on this, and asked the validator what 
was missing in one vs. the other page. The answer below.

http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index10.htm
...results in:
http://validator.w3.org/check?uri=http%3A%2F%2Fciswebs.smc.edu%2Fcis51%2Fgreenwood_laura_lee%2Ftemp_nov%2Findex10.htm
1 error

http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/facility.htm
...results in:
http://validator.w3.org/check?uri=http%3A%2F%2Fciswebs.smc.edu%2Fcis51%2Fgreenwood_laura_lee%2Ftemp_nov%2Ffacility.htm
7 errors

What you've got is misplaced elements and missing end tags enough to 
throw even the most recovery-eager html browser off track.
Finding and fixing those will get you back on course. Just make sure you 
get the nesting right, as no validator can check that.

And - of course - it isn't 'xhtml' you're serving, since 'xhtml' can't 
have any errors and still be 'xhtml'. So even that 1 error in the base 
page must be fixed.
---

So, by making sure CSS has a well-working source-code to put style into, 
most - if not all - problems should be gone.

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/


[css-d] CSS check

2005-12-09 Thread Carol F. Swinehart
I have 2000 operating systems with mozilla and on a 800X600 screen both of your 
sites scroll to the right.  

Carol F. Swinehart

Hello all, I have a site due Friday night and I'm just about done with
all the CSS. Please visit:

http://temp.rdpdesign.com/final/

There's the main site, and a link at the bottom to switch to a
simple style, and then there's also the sub site, which is at:

http://temp.rdpdesign.com/final/ivy/

which also has an alternate stylesheet.

I ran into a lot of bugs while working on the site and I was able to
fix or workaround them for FF, IE, and Opera, all on Windows, but I
have no idea what it looks like in Mac or Linux, as well as older
browsers.

Thanks in advance!

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.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] Site check: Cornell PRSSA and sub site

2005-12-09 Thread Christian Montoya
Thanks everyone, I think I fixed all the problems mentioned. I used
display:inline on the navigation instead of floats and padding on
everything, works fine. I'm using @import to hide from old browsers. I
also set the default text color. Let me know if there are any more:

http://temp.rdpdesign.com/final/

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.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 check

2005-12-09 Thread Christian Montoya
On 12/9/05, Carol F. Swinehart [EMAIL PROTECTED] wrote:
 I have 2000 operating systems with mozilla and on a 800X600 screen both of 
 your sites scroll to the right.

Yes, but the content is still viewable without scrolling so I'm
letting that one go. Too little planning in the graphic design,
something I'll be more careful about in the future.


--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.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] Newbie CSS question

2005-12-09 Thread Carlton Gregory
Good Afternoon,

I have an old html ref book that has a CSS section. I looked
in it to find information on how selectors are over ruled by other
rules.

For example, it seems like the table selector below is over ruling the
#commentTab and #commentTab .td rules.

 

Basically when I show a hidden div that has a form ( contained in table
commentTab ) I don't want any borders for the table.

But when I show the div, the table in it shows the top and right
borders.

 

Sometimes the top and right borders are showing even BEFORE I show the
div.

 

Any ideas. Any good docs that I can be directed too to read for myself.
I need to buy a CSS book. I have the 2nd Edition of Osbourne HTML
reference.

 

I don't want to be flamed for asking a dumb question. So instead of
that. direct me where I can read for myself.

 

BTW, Im on Win2k3 Server, IE 6 and Im working in Dreamweaver8. The CSS
is external.

 

Thanks for your time. It is appreciated.

 

table {

border-left: 1px solid #999;

border-collapse:collapse;

border-bottom:none;

}

caption {

  font-family:Arial, Helvetica, sans-serif;

  color:#99;

  padding-bottom: 6px;

 }

td {

 padding: 10px 5px;

 border-right: 1px solid #999;

 border-top: 1px solid #999;

 border-bottom: none;

 font-family: Verdana, Geneva, Arial, helvetica,
sans-serif;

}

th {

 border-top: none;

 border-right: 1px solid #999;

 border-bottom: 1px solid #999;

}

 

form dt {

  float: left;

  padding-right: 10px;

 }

form dd {

   margin: 0;

}



#givr {

 height:100px;

 width:200px;

   }

#commentTab {

border-bottom: none;

border-left: none;

border-right: none;

 }

 

#commentTab .td {

   border-right: none;

   border-left: none;

   border-top: none;

}

.hideDiv  {

  color:#33; background-color:#cc;
layer-background-color:#cc;

  position:absolute; top:100px; left:100px; width:480px;
height:280px;

  z-index:99;  visibility:hidden;

  }

__
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] Layout question

2005-12-09 Thread Jonathan Carter
I have a test page at the following URL: 
http://www.epiphanize.com/TestLayout.htm

As you can see I'm trying to use absolute positioning to design the 
layout of this test page. In FF this is achieved somewhat nicely, except 
that the left and right columns only scroll to the bottom of the 
viewport, not the page. In IE, the left and right columns don't  even 
stretch to the bottom of the page. Can anyone please lend some of their 
knowledge to me? I'm trying to fully understand how to implement this 
type of design. Thanks so much.

P.S. If there is a better approach to this then absolute positioning, 
please let me know, it just was the best way I could think of to achieve 
the fixed height header, fixed width left, and fluid width content.

-
Jonathan Carter
__
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] Drop-Down Menu

2005-12-09 Thread Ed Maurer
I think I followed Nick Rigby's instructions
(http://www.alistapart.com/articles/horizdropdowns) when I created this
menu on this test homepage for our library:
http://fullertonlibrary.org/fpl100/dropdowntest2.html
(http://www.fullertonlibrary.org/fpl100/homestyle.css). Alas, the menu
functions only in Firefox not in IE. What is a librarian to do?
Ed Maurer


__
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] Centering multi-line Inline li

2005-12-09 Thread Michael Hulse

On Dec 9, 2005, at 2:28 PM, wendy wrote:
 Could someone please give me an idea as to how to make the
 five sections of text sit centered as a group within the #prefooter?

Hello Wendy,

Have you tried:

margin: 0 auto;

on #prefooter?

M

-- 
BCC for Privacy: http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
My del.icio.us: http://del.icio.us/mhulse

__
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] Layout question

2005-12-09 Thread Christian Montoya
On 12/9/05, Jonathan Carter [EMAIL PROTECTED] wrote:
 I have a test page at the following URL:
 http://www.epiphanize.com/TestLayout.htm

 As you can see I'm trying to use absolute positioning to design the
 layout of this test page. In FF this is achieved somewhat nicely, except
 that the left and right columns only scroll to the bottom of the
 viewport, not the page. In IE, the left and right columns don't  even
 stretch to the bottom of the page. Can anyone please lend some of their
 knowledge to me? I'm trying to fully understand how to implement this
 type of design. Thanks so much.

height:100% means viewport, not content. And it doesn't work in IE.
That's why you get those problems. Don't specify a height and it will
stretch just fine. If you want it to fill the viewport even when there
is not content, well, you might be asking for too much. You can give
min-height, but it's pointless.


 P.S. If there is a better approach to this then absolute positioning,
 please let me know, it just was the best way I could think of to achieve
 the fixed height header, fixed width left, and fluid width content.

Well, I would suggest you look at a good layout, see what the designer
did, and learn to use the same techniques as you start doing the same:
http://webhost.bridgew.edu/etribou/layouts/skidoo_too/two_columns_left.html
Exactly what you want... just take apart the relevant CSS (layout) and
work with it.

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.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] Centering multi-line Inline li

2005-12-09 Thread Michael Hulse
On Dec 9, 2005, at 2:28 PM, wendy wrote:
 Thanks very much. I've just started on this project, so with luck the
 horrifying bits will be improved.
 Wendy

A little better, but you may need to play around with the Tan hack:

http://www.ambiguism.com/CSSD/wendy.html

I am sure someone else will have a better solution. Also, I am just on 
a mac... so hard to test on PC... Hopefully that will give you ideas 
until someone else on the list can give you the best solution.

Hth,
Cheers,
Micky

-- 
BCC for Privacy: http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
My del.icio.us: http://del.icio.us/mhulse

__
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] Newbie CSS question

2005-12-09 Thread Gunlaug Sørtun
Carlton Gregory wrote:
 I have an old html ref book that has a CSS section. I looked in it to
  find information on how selectors are over ruled by other rules.

It would probably be easy to see what causes what, if a complete page
were uploaded somewhere and you provided a link to it. There are so many
factors related to the source-code itself, that may turn any qualified
guess about CSS on its head - literally.

 Any ideas. Any good docs that I can be directed too to read for 
 myself. I need to buy a CSS book. I have the 2nd Edition of Osbourne 
 HTML reference.

I have no idea how good that HTML reference is. The safest, although
time-consuming, is to read up on the latest HTML specs...
http://www.w3.org/TR/html4/

 I don't want to be flamed for asking a dumb question. So instead of 
 that. direct me where I can read for myself.

There are no dumb questions, as long as they are related to real world
use of CSS. (unless, of course, I'm the one asking them ;-) )

Your questions are just fine.

I think the best is to read the specs...
http://www.w3.org/TR/CSS1
http://www.w3.org/TR/CSS21/

...and then compare to how far the major browsers supports these specs...
http://nanobox.chipx86.com/browser_support.php

It is a moving target of sort, as support do get slightly better with
each new version they release.
---

IE6 isn't regarded as a good tool when we are designing. Since you are
on win you should rather download Opera and/or Firefox and work towards
those, and correct things in IE6 later. That will save you from a lot of
problems related to the weak and pretty shaky CSS support that IE6 has.

The rest is fine, I think. I don't use Dreamweaver, or any other editor,
in WYSIWYG mode, since editors, generally, are not good browsers.

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] CSS Family Tree?

2005-12-09 Thread Jason M Roehrig
Chad Calhoun wrote:
 I'm looking to make a family tree and I think the best way to do it is using
 a list, but I'm not sure.  Has anybody tried doing this before or are there
 any examples up somewhere?
   
I'm working on a similar project, but haven't gotten far yet :) So not 
really an example, but a starting point (WARNING: don't bother clicking 
any links, as that's just some family stuff, not family tree related; 
mostly {e.g. license}):
http://myfamily.jasonmr.com/


I believe lists are the way to go, though this is rather off topic, as 
we are dealing with a (X)HTML mark up question here, but anyhow, use 
lists wisely. IOW, if the order is of importance, use ordered lists 
[ol], if not unordered [ul]. I've created order by nesting definition 
lists (family name == definition term [dt], family info data == 
definition description), which seems logical too me ;) Nest your lists 
upto any depth, and then use the relative position, classes, and/or ID's 
to display with defined styles in CSS stylesheets.

HTH

JasonMR
__
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 6.0 text indent issue -Newbie

2005-12-09 Thread Mindy
On 12/7/05, David Laakso  wrote:


  
  My /guess fix/ has not been tested.  Change this selector:
  #active { ... }
  to read:
  #navlist li#active { ... }


Didn't seem to do the trick, but thanks for the suggestion.

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