Re: [css-d] perplexing opera issue with flyout nav menu

[Andrew Gregory]

On Wed, 19 Oct 2005 09:32:05 +0800, Eric Shepherd
<[EMAIL PROTECTED]> wrote:


Visit http://build.arkitrave.com/leftnav/leftnav.html and log in as
user "cssdiscuss" with password "grapefruit".


I've always had better results using visibility:hidden/visible instead of
display:none/block for that sort of thing, and it resolves your display
problems (for me anyway). Testing using Opera 8.5.

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/

RE: [css-d] Beginner Q: Aligning left and right on same line?

[Peter Williams]

> From: Charles Wiltgen
> 
> On several lines of text within a , I'd like some of the 
> text to be
> aligned left and the rest of the text to be aligned right without the
> gratuitous use of tables.
> 

Charles,

CSS
.whatever   {
float: left;
width: 15em;
}
.whatnot{
float: right;
width: 15em;
}

Markup
This is your right aligned chunk
This is your left aligned chunk

You need a width on the element you are floating, unless like
an image it has an implicit width.  Where I used a p element
you could use other elements that better fit your situation.

-- 
Peter Williams
__
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] Limitations of XHTML-CSS in eBay Listings

[Matt Smith]

There really aren't any limitations as far as I can tell. You can either
include your styles inline or reference an external stylesheet. In theory, you
could modify the entire look and feel of the action page. In practice, I would
just stick with styling your own auction code. I posted a brief write-up a
while back at http://www.swoofware.com/posts/2004/12/06/ebay-with-css/. The
auction I reference in the post has since dropped off, but you can still see my
original template page at http://www.smitty.net/matt/ebay/template.htm. If you
View Source, you can see the markup. Pretty basic. The only trick is knowing
that the stylesheet link works outside of the  block. So, just add the
link and your code to your HTML for the auction and you should be set!

Matt

PS - I'm new to the list and a relative novice at lists so hopefully I won't
screw anything up or violate any rules with this post.

> I use CSS in my eBay listings all the time. Nothing severly fancy (it's still
> table based) but CSS nonetheless. Is there something in particular you're
> not getting to work.
> 
> Michael Sauers
> Internet Trainer, BCR
> 
> --- css man
> [EMAIL-REMOVED] wrote:
> Can anyone point me to a resource or explain the
> limitations of using
> > XHTML-CSS in eBay listings?
> > 
> > Is this even possible,
> or are sellers limited to using the crappy eBay HTML
> > editor?
> > 
> > Thanks

Matt Smith
[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] Beginner Q: Aligning left and right on same line?

[Charles Wiltgen]

Ugh.  Of /course/ I come up with a solution after I post to the list...

.label p.nut {float: left; text-align: left;}
.label p.pct {text-align: right;}

Then my XHTML within a  is:

left alignedright-aligned

If this looks silly for any reason, I'd appreciate the feedback!

-- Charles


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Charles Wiltgen
Sent: Tuesday, October 18, 2005 8:37 PM
To: 'CSS'
Subject: [css-d] Beginner Q: Aligning left and right on same line?

Hello,

I've been reading lots about CSS, and am really just putting it into
practice.  I'm not yet at the point where I "think" in CSS, but at least I
can ask how to get to the bathroom.   :O)

On several lines of text within a , I'd like some of the text to be
aligned left and the rest of the text to be aligned right without the
gratuitous use of tables.

  | left-aligned right-aligned |

I've tried making each a span, and floating one left and one right, but that
doesn't work.  I added left and right alignment to the floats, and it still
doesn't work.  I wasn't able to find examples online.

A solution would be much appreciated!

-- Charles


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

__
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] One clean HTML markup, many layouts... (WAS: onetemplateto rule them all)

[Arlen Walker]

On Oct 18, 2005, at 3:18 PM, Thierry Koblentz wrote:


Arlen Walker wrote:


http://www.browsercam.com/public.aspx?proj_id=199715



I can't explain what Browsercam tells you, but I can say that on
Safari 1.0.2 none of them work well. In fact all but #5 are hopeless,
while #5 has a sizable gutter of white between the content and the
rest to the right.

I can also tell you that the browsercam shot for #7 under Safari 1.3
looks better than Safari v2 actually renders it on my machine. No
idea why, and I've wiped out 1.3 so I can't double-check browsercam.



What make you think these layouts do not work? The whitespace  
between the

containers?


Not working on Safari 1.02? Mainly the fact that the text columns are  
generally between one and four characters wide and bounced all over  
the screen away from where you want them. I can send you a screenshot  
of one or two tomorrow from my wife's machine (she has the Safari  
1.02, I have 2.01).



 A white gap between
containers does not mean a layout fails, it just means that a "faux- 
columns"

technique needs to be implemented.


I know. That's why I said #5 wasn't hopeless. It's the only one  
Safari 1.02 renders with merely a gutter, though (as I observed) the  
gutter is substantially larger than the one in the browsercam shot of  
1.3.




Have Fun,
Arlen

--
In God we trust, all others must supply data

__
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] Beginner Q: Aligning left and right on same line?

[Charles Wiltgen]

Hello,

I've been reading lots about CSS, and am really just putting it into
practice.  I'm not yet at the point where I "think" in CSS, but at least I
can ask how to get to the bathroom.   :O)

On several lines of text within a , I'd like some of the text to be
aligned left and the rest of the text to be aligned right without the
gratuitous use of tables.

  | left-aligned right-aligned |

I've tried making each a span, and floating one left and one right, but that
doesn't work.  I added left and right alignment to the floats, and it still
doesn't work.  I wasn't able to find examples online.

A solution would be much appreciated!

-- Charles


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

Re: [css-d] Vertical Alignment

[Kelly Miller]

Set line-height to the height of the button, then use vertical-align: 
middle.


--
http://www.mozilla.org/products/firefox/ - Get Firefox!
http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!

Please avoid sending me Word or PowerPoint attachments.
See http://www.gnu.org/philosophy/no-word-attachments.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] Hover/click and expand help needed

[Mitko Gerensky-Greene]

That is great, how about adding the following functionality:

The first time I click on one of the four boxes, I get the expanded hidden
menu, the next time I click on the same box, its own expanded menu hides
again.

Hope this make sense.

I do think that having the box clicked makes more sense than just hovering
above it.

Thanks for your help!

Mitko

On 10/18/05, Derek de Jong <[EMAIL PROTECTED]> wrote:
>
> Mitko Gerensky-Greene wrote:
>
> >I need help with the following:
> >
> >I need to have 4 boxes on my page and upon hovering AND clicking on each,
> I
> >need to have a list of links (I suppose, residing in a div) show up below
> >the corresponding box.
> >
> >Could anyone point me towards some code or tutorial explaining how to
> >accomplish that? Thanks in advance!
> >
> >
> Well, I spent a few minutes playing with it. I have two renditions, one
> of my own: 
> And another, based on Thierry's CSS Pop Ups
> ():
> 
>
> They use CSS2 selectors and the :focus pseudo-element, mainly because
> sticking an unordered or definition list (because that's what the links
> are) within an anchor tag got me in trouble with the W3C validator; by
> using a CSS2 adjacent sibling selector, I was able to keep them out of
> the anchor itself. Alternatively, Thierry's approach uses a "legal" span
> tag inside the anchor, though I don't know if you could put a list
> inside the span and still validate. I also know there are folks who get
> really upset by "display:none", but if I used "visibility:hidden" the
> "hidden" boxes would affect the layout according to the spec, which is
> not what I wanted.
>
> Some (not all) caveats:
> 1. IE doesn't like it at all, but the IE7 enhanced javascript handles it
> just fine. Worrisomely, IE7 doesn't handle this page on its own, which
> is why you'll notice the conditional says "lte IE 7" as opposed to "lt
> IE 7". There's still talk of finishing the CSS 2.1 support in IE7 on
> IEBlog, so here's to hoping.
>
> 2. Opera 8 just doesn't like it at all. It seems to be the :focus
> pseudo-class, because I switched to Thierry's approach specifically
> because it already worked Opera, but as soon as I switched from :hover
> to :focus, it broke, which I don't understand
> (http://www.opera.com/docs/specs). It should "get it," so that's another
> bad sign. I understood that Opera doesn't like switching from 'display:
> none'; but I tried the SuckerFish positioning (left:-999em) workaround
> instead, and it still wouldn't display. There's something Opera doesn't
> like, but I'm not sure what it is. Maybe somebody on the list knows the
> problem, or can get it to work?
>
> 3. I tried to use both :focus and :hover, with the obvious problem that
> focusing one and hovering another list element would overlay them. I
> tried to solve this with more CSS2 selectors, but ran out of time, so I
> commented them out but left the examples in. You can try to fix them,
> but it's beginning to seem that with a 50% (passes in Firefox,
> half-passes in IE , fails in Opera 8) success ratio without even testing
> across platforms, you either have to be very committed to CSS and
> compliant code or begin to consider using Javascript until CSS2 is more
> commonly supported.
>
> I do, however, suspect many folks on the list could substantially
> improve the examples above. For what it's worth, both examples above
> currently validate.
>
> Any suggestions, comments or browser-checks would be appreciated. I'd
> like to see this actually work, or maybe somebody's already done it
> better?
>
> Regards,
> --
> Derek
>



--
Mitko Gerensky-Greene
__
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] Hover/click and expand help needed

[Derek de Jong]

Thierry Koblentz wrote:


Hi Derek,

You could try:
#set_of_links a:active span {...} /* for MSIE */

#set_of_links a span { /* instead of display:none */
position:absolute;
left:-9000px;
}

Regards,
Thierry | www.TJKDesign.com

 

It worked. Initially I had used :active, but Firefox only considers that 
for the "click", so when I had switched from :active to :focus for 
Firefox, I was doing IE a disservice, because it treats :active like 
:focus; adding it back in has fixed the problem for IE, and I removed 
the IE7 javascript (from the second example, IE needs it for the first 
example's CSS2.1 selectors) to keep it as compliant/compatible as possible.


With the :active Opera now does display the  but only for the 
click; it doesn't leave it displayed with :focus. However, 
interestingly, if I highlight part of the link in Opera 8, it does keep 
the  displayed, so things are improving substantially. Thanks Thierry.


I hadn't considered, using Thierry's example, how being already inside 
an anchor tag will affect the list of links Mitko originally wanted. 
(Well, I knew that bridge eventually had to be crossed, but put it off.) 
Certainly, in IE and Firefox the page renders and passes W3C validation. 
In IE the links are clickable, but Firefox and Opera they aren't. I 
tried this:


#set_of_links a {
position: relative;
z-index: 10;
}

#set_of_links a a {
z-index: 100;
}

but without success; I had hoped bringing the second link "above" the 
first in the z-index would help the rendering engines. Doesn't seem to.


There is still my own solution, but the CSS2.1 selectors keep it from 
being particularly cross-browser friendly. Though I don't know why Opera 
doesn't seem to like the adjacent sibling selector, or maybe something 
else. I've even tried highlighting the link (which works in example 2), 
to no avail. Any thoughts?


For reference, example URLs:
#1: .
#2: .

Regards,
Derek
__
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] Vertical Alignment

[Kevin O'Boyle]

I thought this was going to be easy...

I have a big icon (68x68) pixels and I want to align text to the right 
of it such that the text string is centered with the icon (even if it 
wraps to multiple lines); This is easy to do with tables but (largely 
because I have a hypertext link that is supposed to span both objects 
-- the text and the graphic) I was hoping to accomplish the same thing 
with CSS but I can't find away to align the graphic to the text 
vertically.


Thanks,

Kevin

__
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] perplexing opera issue with flyout nav menu

[Eric Shepherd]

OK...I'm working on a CSS flyout menu, and running into strange
problems with Opera. No other engine has problems I haven't been able
to work around, but Opera is just not painting part of the flyout. I'm
not going to able to attach a screenshot, but if you've got Opera 7/8
and can take a look, I'd appreciate it.

Visit http://build.arkitrave.com/leftnav/leftnav.html and log in as
user "cssdiscuss" with password "grapefruit".

Basically, Opera 8 always paints the bottom portion of the flyout, and
waits to paint the actual  and the top border until the white
space that should be the menu is hovered over. When it paints the
upper portion, it's perfect, it just doesn't show up right away, which
obviously is less than desirable.

I appreciate any input from anyone who knows what Opera might be
thinking. Perhaps it's even right, and IE/Firefox/Safari/everyone else
is wrong...

Thanks, and let me know if you have any questions or problems logging
in... I can't put this out for public consumption.
__
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] Any complete resources for inline CSS?

[Peter Williams]

> From: css man
> 
> Does anyone know of any tutorials, reference or other sites 
> that focus on inline CSS?

CSS isn't different when it is applied inline, in a style
element, or in an external stylesheet.

At the start of the CSS recommendations is a small section
called "Containment in HTML" or similar, that is where it
defines and explains the various methods of applying styles.

It seems to me that widespread use of inline styles throws
away about 85% or more of the "goodness" and utility and
flexibility of using CSS. 

-- 
Peter Williams
__
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] Hover/click and expand help needed

[Thierry Koblentz]

Derek de Jong wrote:
> Well,  I spent a few minutes playing with it. I have two renditions,
> one of my own: 
> And another, based on Thierry's CSS Pop Ups
> ():
> 

Hi Derek,
You could try:
#set_of_links a:active span {...} /* for MSIE */

#set_of_links a span { /* instead of display:none */
 position:absolute;
 left:-9000px;
}

Regards,
Thierry | www.TJKDesign.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] General Question

[Gunlaug Sørtun]

Schalk wrote:


I have a question that is not particular to a site I am developing
but, I have experienced this. What makes text break outside the
border of a DIV? If there is something that will cause this, what can
be done to undo this and make the content fit into the given width of
the DIV?


Sounds like you're describing a text-carrying element ( or whatever)
that is given a 'width: 100%' and some margins and/or paddings. That may
make it overshoot a container-div with given width, and so the text is
breaking outside the container-div. Won't happen in IE/win unless
there's some other (tricky) styles involved.

Solution (in that case): make sure the text-carrying element doesn't
have a width, which is equal to 'width: auto;'.

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 test and questions.

[Gunlaug Sørtun]

Mark Batty wrote:

Hi guys and girls - and Gentlemen and Ladies  :)


Howdy,

I have a test page here http://softectra.com/cssd/index.html and the 
css is here http://softectra.com/cssd/css/modern.css


Just so that you know; poor old IE6 is forced to run in quirks mode,
similar to IE5+ (see link below). That's fine with me, as I always do
that on purpose anyway :-)

To make the page working across browser-land, change styles to:

body {
text-align: center; /* centering for old browsers = IEwin */
}

#page_wrap {
min-width: 625px;
width: 90%;
margin: 50px auto 10px auto;  /* centering for new browsers =
Op-Moz-Saf... */
text-align: left; /* correction for body-centering */
}

...and all modes and moods should be well covered.

That's really all there is to it in that page, so now you can flood us
with whatever it is that you still don't understand.

BTW: most of us can be quite diplomatic, no matter what. Guess it's
because we've been there before ;-)

These links may be useful:
Crazy IE/win: 
IE6 modes: 

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] Layout Problem, IE 6

[Dan Moriarty]

I¹m new to layouts with CSS and having some trouble. My layout seems to be
ok on the Mac and Windows, except on some pages in IE 6, the content is
being pushed down below the left side navigation. I¹m not seeing what I¹ve
done wrong to cause this... The site I¹m working on can be seen at :
http://danmoriarty.com/subsites/cigars/

And my style sheet can be seen at:
http://danmoriarty.com/subsites/cigars/css/cigarstyle2.css

Thanks for any help!

-- 

Dan Moriarty 

__
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] One clean HTML markup, many layouts... (WAS: onetemplateto rule them all)

[Thierry Koblentz]

Arlen Walker wrote:
>> http://www.browsercam.com/public.aspx?proj_id=199715
>
> I can't explain what Browsercam tells you, but I can say that on
> Safari 1.0.2 none of them work well. In fact all but #5 are hopeless,
> while #5 has a sizable gutter of white between the content and the
> rest to the right.
>
> I can also tell you that the browsercam shot for #7 under Safari 1.3
> looks better than Safari v2 actually renders it on my machine. No
> idea why, and I've wiped out 1.3 so I can't double-check browsercam.

What make you think these layouts do not work? The whitespace between the
containers?
If it is the case, I think Bill and you are missing the point. I'm talking
about *layout* here, not design.
That whitespace is not an issue at all. As I say in the article, I didn't
try to make things pretty, just tried to show how to use CSS to create
different *layouts* (without wrappers, hacks, etc.). A white gap between
containers does not mean a layout fails, it just means that a "faux-columns"
technique needs to be implemented.
If you look at the bottom of the article, you'll find links to articles that
explain how to do this.

> Have Fun,

I just did ;)

Thierry | www.TJKDesign.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] content moves down in IE half a page

[jeremy]

you saved my life!
thank you!
I thought I had fixed it earlier, then it resurfaced. Thank you a million!
-jeremy

Jesse Skinner wrote:


>> So I am away from my mac and all my nice little tools for fixing IE
>> issues,.. and I am uploading content to this site - when i noiced
>> that the content on this page is moved down a few hundred pixels!!!
>> only in IE.
>> I have sat here tooling around with it for a few hours now, and cant
>> seem to find the problem.
>
> Here is the link!
> http://tct2005.com/dailies/index.php?cat=3

I think there are a number of factors, mostly due to the content being 
too wide. I wasn't able to narrow it down to a single tag or style, 
but I did find that when I added this style:


.storycontent { width: 470px; }

it fixed things by making the content thin enough that it could fit. 
It doesn't affect the appearance in Firefox that I can tell.


Cheers,
Jesse
__
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] Hover/click and expand help needed

[Derek de Jong]

Mitko Gerensky-Greene wrote:


I need help with the following:

I need to have 4 boxes on my page and upon hovering AND clicking on each, I
need to have a list of links (I suppose, residing in a div) show up below
the corresponding box.

Could anyone point me towards some code or tutorial explaining how to
accomplish that? Thanks in advance!
 

Well,  I spent a few minutes playing with it. I have two renditions, one 
of my own: 
And another, based on Thierry's CSS Pop Ups 
(): 



They use CSS2 selectors and the :focus pseudo-element, mainly because 
sticking an unordered or definition list (because that's what the links 
are) within an anchor tag got me in trouble with the W3C validator; by 
using a CSS2 adjacent sibling selector, I was able to keep them out of 
the anchor itself. Alternatively, Thierry's approach uses a "legal" span 
tag inside the anchor, though I don't know if you could put a list 
inside the span and still validate. I also know there are folks who get 
really upset by "display:none", but if I used "visibility:hidden" the 
"hidden" boxes would affect the layout according to the spec, which is 
not what I wanted.


Some (not all) caveats:
1. IE doesn't like it at all, but the IE7 enhanced javascript handles it 
just fine. Worrisomely, IE7 doesn't handle this page on its own, which 
is why you'll notice the conditional says "lte IE 7" as opposed to "lt 
IE 7". There's still talk of finishing the CSS 2.1 support in IE7 on 
IEBlog, so here's to hoping.


2. Opera 8 just doesn't like it at all. It seems to be the :focus 
pseudo-class, because I switched to Thierry's approach specifically 
because it already worked Opera, but as soon as I switched from :hover 
to :focus, it broke, which I don't understand 
(http://www.opera.com/docs/specs). It should "get it," so that's another 
bad sign. I understood that Opera doesn't like switching from 'display: 
none'; but I tried the SuckerFish positioning (left:-999em) workaround 
instead, and it still wouldn't display. There's something Opera doesn't 
like, but I'm not sure what it is. Maybe somebody on the list knows the 
problem, or can get it to work?


3. I tried to use both :focus and :hover, with the obvious problem that 
focusing one and hovering another list element would overlay them. I 
tried to solve this with more CSS2 selectors, but ran out of time, so I 
commented them out but left the examples in. You can try to fix them, 
but it's beginning to seem that with a 50% (passes in Firefox, 
half-passes in IE , fails in Opera 8) success ratio without even testing 
across platforms, you either have to be very committed to CSS and 
compliant code or begin to consider using Javascript until CSS2 is more 
commonly supported.


I do, however, suspect many folks on the list could substantially 
improve the examples above. For what it's worth, both examples above 
currently validate.


Any suggestions, comments or browser-checks would be appreciated. I'd 
like to see this actually work, or maybe somebody's already done it better?


Regards,
--
Derek
__
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 variable div blocks containing img and text

[Christian Montoya]

On 10/18/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> Hi, Hallo, Bonjour, Hola to everyone !

---

> so when it comes to center this two boxes, the trouble starts.

did you try:

#BlockCenter { text-align:center; }
#BlockContainer { display:inline; }

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

Re: [css-d] One clean HTML markup, many layouts... (WAS: onetemplateto rule them all)

[Thierry Koblentz]

Christian Montoya wrote:
> That's some awesome work, but I think it still goes to show that you
> don't really need "one template to rule them all." Besides, when you
> remove your presentation from your content, it doesn't take long to
> make these xhtml templates... they don't contain more than a few divs.
> 
> As for the layouts themselves, 8,9, and 10 all have the same problem
> in FF 1.5 beta: the subsection div is on top of the content div.

No kidding? 
These 3 layouts rely on negative margin.
I hope they're gonna fix it...

Thanks,

Thierry | www.TJKDesign.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] General Question

[Schalk]

Greetings All

I have a question that is not particular to a site I am developing but, 
I have experienced this. What makes text break outside the border of a 
DIV? If there is something that will cause this, what can be done to 
undo this and make the content fit into the given width of the DIV?


TYIA (thank you in advance)

--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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] content moves down in IE half a page

[Jesse Skinner]

>> So I am away from my mac and all my nice little tools for fixing IE
>> issues,.. and I am uploading content to this site - when i noiced
>> that the content on this page is moved down a few hundred pixels!!!
>> only in IE.
>> I have sat here tooling around with it for a few hours now, and cant
>> seem to find the problem.
>
> Here is the link!
> http://tct2005.com/dailies/index.php?cat=3

I think there are a number of factors, mostly due to the content being 
too wide. I wasn't able to narrow it down to a single tag or style, but 
I did find that when I added this style:


.storycontent { width: 470px; }

it fixed things by making the content thin enough that it could fit. It 
doesn't affect the appearance in Firefox that I can tell.


Cheers,
Jesse
__
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] Printing problems

[Scott Haneda]

I have the above page, which my client needs to print out, they seem to be
able to print it fine, but the #theCopy css ends up on page 2 for some
reason.

Any suggestions?  In Safari on the Mac I am fine, if someone could do the IE
and FF test for me and possibly tell me where I am messing up, it would be
appreciated.
-- 
-
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/

[css-d] copywrite question (may not apply to this list)

[Patrick Roane]

Hey folks,
 
I appologize in advance if this does not apply to the rules of this list. But I 
know it is an important question and I'm not sure what other list I can use.
 
I was wondering (the more I look at work others have done, the more I am 
reminded that I don't have that copyright symbol at the footer of any of the 
sites or logos I've designed). 
 
Is there anything I have to do short of pasting that copyright .gif at the 
footer of my sites/logos?
 
Also, unless I give my clients the express consent to use my art (via a license 
agreement)- any copyright symbol applies to ME and not to my client ... is this 
correct? For example, I see a lot of websites that have the copyright symbol 
next to the CUSTOMER'S business name and not the business name of the 
DESIGNERS. What should I do?
 
Thanks (from a novice)
 
Patrick


Patrick Roane
Web design and development
www.franklin-band.com
Fox River Grove, Il.
__
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] bullets - not aligning correctly

[Nick Cappadona]

Hey Lee,

Just try increasing your left padding for the list items:

li {
background-image: url(images/bullet_arrows_sm.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.4em;
margin: 1em 27px;}

The 0.6em you have currently isn't enough to push the text out beyond 
the bullet.


Enjoy.

- Nick





Virtuallee wrote:


Hi

I'm going nuts over this. I can't seem to get the text to move away 
from the bullets


http://www.fivepointcapital.co.uk/test_site/index.php

Can anyone help? I've done searches and found suggestions, but none of 
them are working.


Thanks!
Lee



__
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] don't want image on last link!

[David Laakso]

Bruce Gilbert wrote:


I have a uborganized list which are also hyperlinks.
what do I need to do to accomplish this?
Full Link: http://www.fortuneinteractive.com/SEMLogic.php (bottom, right)
Full CSS: http://www.fortuneinteractive.com/CSS/primary.css
--
::Bruce::

 

I think you need to do what everyone has suggested in reply. Then pray 
that neither your client, or any of her clients, try to zoom the fonts.

Retgards,
~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] Re: Problem With Moving Text to the Right

[Bill Stemp]

I actually got gray hair from trying to align text :)

text-align only works on block level elements (e.g. ), table cells =

and inline blocks. It won't work on  or .=20

The only workaround I know does involve floated divs: create two divs =
(which
reside within div#footer), float one to the left, one to the right.=20

If anybody has a better solution for this on the list, I'd also love to =
hear
it!

Edith=20
"In omnibus requiem quaesivi, et nusquam inveni nisi in angulo cum =
libro" -
Thomas a Kempis  ("Everywhere I have searched for peace and nowhere =
found
it, except in a corner with a book")



Hello and thanks very much in advance.

I'm having a problem with the footer on this web page
.http://www.youthtopia.org/

The text on the bottom, that says, "Learn More About Youthtopia" should =
be
aligned against the right margin, while the other text (to the left of =
that
phrase) on that line should stay precisely where it is.

I've tried

text-align: right;

that has no effect.

I tried to make a separate  for this phrase, but created more =
problems
-- other things jolted out of place.

-

Wrap the left-aligned links in a div "left". 
Give the link with the youthtopia link a class of "right", as below:




Home
News
Current Projects
Books
About
Links & Contact

http://www.youthtopia.org"; class="right">Learn More About 
Youthtopia



.right {float: right;}
#left {float: left;}

Seems to work ok.

hth,

Bill

__
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] One clean HTML markup, many layouts... (WAS: onetemplate to rule them all)

[Christian Montoya]

That's some awesome work, but I think it still goes to show that you
don't really need "one template to rule them all." Besides, when you
remove your presentation from your content, it doesn't take long to
make these xhtml templates... they don't contain more than a few divs.

As for the layouts themselves, 8,9, and 10 all have the same problem
in FF 1.5 beta: the subsection div is on top of the content div.

--
- 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] bullets - not aligning correctly

[Virtuallee]

Hi

I'm going nuts over this. I can't seem to get the text to move away from 
the bullets


http://www.fivepointcapital.co.uk/test_site/index.php

Can anyone help? I've done searches and found suggestions, but none of 
them are working.


Thanks!
Lee


--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.344 / Virus Database: 267.12.1/136 - Release Date: 15/10/2005

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

RE: [css-d] Hover/click and expand help needed

[Gavin Jackson]

>
>I need to have 4 boxes on my page and upon hovering AND clicking on
each, I
>need to have a list of links (I suppose, residing in a div) show up
below
>the corresponding box.

Is there a way to click without first hovering? I'm just trying to
understand
why the 'AND' between the two?

Gavin
__
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] content moves down in IE half a page

[jeremy]

Here is the link!
http://tct2005.com/dailies/index.php?cat=3

thanks


ACK!
So I am away from my mac and all my nice little tools for fixing IE 
issues,.. and I am uploading content to this site - when i noiced that 
the content on this page is moved down a few hundred pixels!!! on ly in

IE.
I have sat here tooling around with it for a few hours now, and cant 
seem to find the problem.


I am assuming that I am so nervous about the fact that the site is live,

and people are going to it, and there is a problem, that I cannoot be 
patient enough to see the problem, which is probably right before my

eyes.
If anyone out there can help me to see the prob, i would greatly 
appreciate it.

thanks
-jeremy


__
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] Hover/click and expand help needed

[Mitko Gerensky-Greene]

I need help with the following:

I need to have 4 boxes on my page and upon hovering AND clicking on each, I
need to have a list of links (I suppose, residing in a div) show up below
the corresponding box.

Could anyone point me towards some code or tutorial explaining how to
accomplish that? Thanks in advance!

--
Mitko Gerensky-Greene
__
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 test and questions.

[Mark Batty]

Hi guys and girls - and Gentlemen and Ladies :)

I'm new to the list and new to css (and new to all things graphical really -
I'm an old-ish back-end UNIX programmer just starting on front-end work).

It may sound corny - but this is one of the friendliest lists I've ever
seen; and I'm not saying that for brownie points!

I've been lurking around the list for a while, surfed countless sites and
read half a dozen (recommended) books - all I can do now is scratch my head
in confusion.  CSS is definitely the way to go but I'm having problems, so
I've come to the experts for help before I throw my keyboard to the floor
with 'great vengeance and furious anger' :)

I have a test page here http://softectra.com/cssd/index.html
and the css is here http://softectra.com/cssd/css/modern.css

I looked at dozens of examples and decided to use one of the skidoo layouts
as a starting point.  I've been testing mainly with Mozilla and then
checking with Opera and IE (all on XP).  I split the CSS into sections
(possibly breaking it?).

Everything seems OK in Mozilla and Opera but not IE.  It all validates
except for two errors that are caused by required hacks (I believe?).  At
the moment I think I want to make sure everything (on the CSS presentational
side) is OK in Mozilla and then address the IE issues.  After that I want to
make sure everything degrades nicely and works well in Lynx and similar
browsers.

Even after several weeks research I still have dozens of questions.  I've
heavily commented the CSS with notes and questions, there is also some
unused mark-up in the XHTML that will be used for a 'you are here' effect
later on.  None of the links work at the moment (except from the logo to the
homepage) as there are no other pages yet.

The most obvious to me at the moment is the margins disappearing in IE and
the bottom part of the page not displaying until a mouseover (on a link I
believe) in IE.  I'll post more questions as they arise if its OK.

For now I'd like to ask if you could check the test page for anything
obvious and if I can be extra cheeky I'd like to ask if anyone can check the
code comments for me?

If its obvious I've been a total idiot remember there is no need for
diplomacy, tell me it straight - that way I'll learn more!

Thanks advance

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] One clean HTML markup, many layouts... (WAS: onetemplate to rule them all)

[Arlen Walker]

On Oct 18, 2005, at 11:46 AM, Thierry Koblentz wrote:


Not one of the layouts works in Safari 1.3.



Really? So please explain this to me:
http://www.browsercam.com/public.aspx?proj_id=199715


I can't explain what Browsercam tells you, but I can say that on  
Safari 1.0.2 none of them work well. In fact all but #5 are hopeless,  
while #5 has a sizable gutter of white between the content and the  
rest to the right.


I can also tell you that the browsercam shot for #7 under Safari 1.3  
looks better than Safari v2 actually renders it on my machine. No  
idea why, and I've wiped out 1.3 so I can't double-check browsercam.


Have Fun,
Arlen

--
In God we trust, all others must supply data

__
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] content moves down in IE half a page

[jeremy]

ACK!
So I am away from my mac and all my nice little tools for fixing IE 
issues,.. and I am uploading content to this site - when i noiced that 
the content on this page is moved down a few hundred pixels!!! on ly in IE.
I have sat here tooling around with it for a few hours now, and cant 
seem to find the problem.


I am assuming that I am so nervous about the fact that the site is live, 
and people are going to it, and there is a problem, that I cannoot be 
patient enough to see the problem, which is probably right before my eyes.
If anyone out there can help me to see the prob, i would greatly 
appreciate it.

thanks
-jeremy
__
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] don't want image on last link!

[Adam Kuehn]

Bruce Gilbert wrote:


I have a uborganized list which are also hyperlinks. I am wanting an image
to appear to the right of the first two links, but not the third (or last).

ul.sitemap li a{
padding:0 1.5em 0 .5em;
background:url(/footer_dots.gif) right no-repeat;
}

ul.sitemap li.last a{
padding:0 1.5em 0 .5em;

}


The first declaration still applies to a link within the classed list 
item, so your background image is still placed behind that link.  You 
can remove the repeated padding declaration, but you need to "zero" 
the background, like so:


ul.sitemap li.last a {
background: none;
}

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/

Re: [css-d] don't want image on last link!

[Larry Israel]

You said:
> I am wanting an image to appear to the right of the first
> two links, but not the third (or last).

> ul.sitemap li a{
> padding:0 1.5em 0 .5em;
> background:url(/footer_dots.gif) right no-repeat;
> }
>
> ul.sitemap li.last a{
> padding:0 1.5em 0 .5em;
>
> }

Add this:

ul.sitemap li.last a{
background-image: none;
}

Larry
__
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] don't want image on last link!

[Shelly @ WDG]

ul.sitemap li.last a{
padding:0 1.5em 0 .5em;
background: none;
}


See if that helps you  :)

~Shelly
__
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 Moving Text to the Right

[Larry Israel]

>> The text on the bottom, that says, "Learn More About Youthtopia" should be
>> aligned against the right margin, while the other text (to the left of that
>> phrase) on that line should stay precisely where it is.

> text-align only works on block level elements (e.g. ), table cells 
> and inline blocks. It won't work on  or .
>
> The only workaround I know does involve floated divs: create two divs (which
> reside within div#footer), float one to the left, one to the right.

Here's an excellent article that details the options.

Align Elements Left and Right
http://www.communitymx.com/content/article.cfm?cid=529B0

Larry
__
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] don't want image on last link!

[Bruce Gilbert]

I have a uborganized list which are also hyperlinks. I am wanting an image
to appear to the right of the first two links, but not the third (or last).
 what I have is in the XHTML
 

Site Map

Contact Us 

Free Consultation


 and in the CSS:

ul.sitemap li a{
padding:0 1.5em 0 .5em;
background:url(/footer_dots.gif) right no-repeat;
}

ul.sitemap li.last a{
padding:0 1.5em 0 .5em;

}

 this doesn't quite work, as the image still appears to the right of :Free Consultation

what do I need to do to accomplish this?

 Full Link: http://www.fortuneinteractive.com/SEMLogic.php (bottom, right)

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

 TIA!



--
::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] Problem With Moving Text to the Right

[Edith Karnitsch @ Terranetwork]

I actually got gray hair from trying to align text :)

text-align only works on block level elements (e.g. ), table cells 
and inline blocks. It won't work on  or . 

The only workaround I know does involve floated divs: create two divs (which
reside within div#footer), float one to the left, one to the right. 

If anybody has a better solution for this on the list, I'd also love to hear
it!

Edith 
"In omnibus requiem quaesivi, et nusquam inveni nisi in angulo cum libro" -
Thomas a Kempis  ("Everywhere I have searched for peace and nowhere found
it, except in a corner with a book")



Hello and thanks very much in advance.

I'm having a problem with the footer on this web page
.http://www.youthtopia.org/

The text on the bottom, that says, "Learn More About Youthtopia" should be
aligned against the right margin, while the other text (to the left of that
phrase) on that line should stay precisely where it is.

I've tried

text-align: right;

that has no effect.

I tried to make a separate  for this phrase, but created more problems
-- other things jolted out of place.



__
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] Any complete resources for inline CSS?

[css man]

Does anyone know of any tutorials, reference or other sites that focus on
inline CSS?
__
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] One clean HTML markup, many layouts... (WAS: onetemplate to rule them all)

[Thierry Koblentz]

Bill Gates wrote:
> I think you've proven the point made earlier by Christian Heilmann.

What was Christian's point? I missed it.

> Not one of the layouts works in Safari 1.3.

Really? So please explain this to me:
http://www.browsercam.com/public.aspx?proj_id=199715

> Nice try, though.

Thanks for your valuable feedback ;)

Thierry | www.TJKDesign.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] Content appearing incorrectly in IE6

[Edith Karnitsch @ Terranetwork]

Luke - I think it might be a simple calc issue. Grabbing my trusted
calculator and DOM Inspector, I found this:

#innerbox height 360px

 this contains
a) #innerright height 360px
b) #innerleft no height specified
c) text "test content 1" no height specified

... my guess is that the text is bursting the div as it doesn't have enough
height to position itself as the #innerright uses up all available height. 

In Firefox the text "test content 1" appears therefore outside the
containing div #innerbox and in IE it all goes a bit funny. Although you
want it to look like in Firefox, it appears actually broken in Firefox as
well, IE just shows the error in a more obvious way.

"test content 2" which resides within #main_outline has enough space and
displays. correctly. 

My suggestion: reposition "test content 1" to give it enough height, either
by moving it within #mambobox or altering the layout in some other way. 

Hope this works! Edith 

PS: just had a look in Opera 8.5 - not pretty!! the inner box with the lemon
has gone over to the left window edge, left content not visible at all.
Something wrong with the positioning commands I think.

"In omnibus requiem quaesivi, et nusquam inveni nisi in angulo cum libro" -
Thomas a Kempis  ("Everywhere I have searched for peace and nowhere found
it, except in a corner with a book")

Luke wrote: 
I'd be grateful if somebody could look at the following problem. "test
content 1" should appear as it does in firefox on the following page:
www.loopfruit.co.uk
in IE, the div above does not appear to be closing correctly

__
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] Limitations of XHTML-CSS in eBay Listings

[travelinlibrarian . 8248407]

I use CSS in my eBay listings all the time. Nothing severly fancy (it's still
table based) but CSS nonetheless. Is there something in particular you're
not getting to work.

Michael Sauers
Internet Trainer, BCR

--- css man
<[EMAIL PROTECTED] wrote:
Can anyone point me to a resource or explain the
limitations of using
> XHTML-CSS in eBay listings?
> 
> Is this even possible,
or are sellers limited to using the crappy eBay HTML
> editor?
> 
> Thanks

> __

> 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 add an .img class?

[Mike Dougherty]

define "uncluttered"

Good markup should describe the content.  If there is semantically correct information about the 
tags that is not immediately used by the current stylesheet, that does not mean the information is 
'clutter.'  I would prefer the content creator add appropriate classes describing the content 
(though not the layout preferences) so that the presentation layer (css) has more opportunity to 
specifically style the content.  It becomes very difficult to later isolate specific elements in a 
document if those elements do not have appropriate classes.



On Tue, 18 Oct 2005 11:45:53 -0400
 "Charles Dort" <[EMAIL PROTECTED]> wrote:

MANY thanks to all who have so helpfully replied to my question!

As a beginner, perhaps I've focused too much on the value of uncluttered
markup.

So far as I can see, I was able to complete all of the tasks of that chapter
(including changing margins, etc.) without "cluttering" the markup with a
class that to this beginner seemed unnecessary.  I would have supposed that
if in the future I made a change such as adding text to the  with an
image, then I would need a class and could then add it at that point, and I
wondered why do it until/unless it's needed.

I gather from the replies that experienced CSS coders would often prefer to
"be prepared" for such a possible future need, even though it may mean
adding classes to the html markup that aren't actually needed, at least at
this time.

It's helpful for me to think about these things, and I thank all of you for
your help.

Charles


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


__
This message was scanned by ATX
12:19:13 PM ET - 10/18/2005


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

[css-d] Problem With Moving Text to the Right

[Robin Whitman]

Hello and thanks very much in advance.

I'm having a problem with the footer on this web page
.http://www.youthtopia.org/

The text on the bottom, that says, "Learn More About Youthtopia" should be
aligned against the right margin, while the other text (to the left of that
phrase) on that line should stay precisely where it is.

I've tried

text-align: right;

that has no effect.

I tried to make a separate  for this phrase, but created more problems
-- other things jolted out of place.

Help appreciated! ... R.W.
__
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] One clean HTML markup, many layouts... (WAS: one template to rule them all)

[Bill Gates]

I think you've proven the point made earlier by Christian Heilmann. Not 
one of the layouts works in Safari 1.3.

Nice try, though.

On Oct 18, 2005, at 10:56 AM, Thierry Koblentz wrote:


I would appreciate your feedback so I can improve this article:
http://www.tjkdesign.com/articles/liquid.asp

Regards,
Thierry | www.TJKDesign.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] One clean HTML markup, many layouts... (WAS: onetemplate to rule them all)

[Thierry Koblentz]

Gunlaug Sørtun wrote:
> Thierry Koblentz wrote:
>> I would appreciate your feedback so I can improve this article:
>> http://www.tjkdesign.com/articles/liquid.asp
>
> Minor detail (didn't test):
> Maybe swap background-images/positions between html and body on
> http://www.tjkdesign.com/articles/liquid/10.asp will make them stay in
> place below min-width?

Georg,
Thanks for checking, but I'm not sure what you're talking about. Could you
elaborate?
What does not stay in place? The background images? I don't experience
anything wrong on my end...

Thierry | www.TJKDesign.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] Why add an .img class?

[Charles Dort]

MANY thanks to all who have so helpfully replied to my question!

As a beginner, perhaps I've focused too much on the value of uncluttered
markup.

So far as I can see, I was able to complete all of the tasks of that chapter
(including changing margins, etc.) without "cluttering" the markup with a
class that to this beginner seemed unnecessary.  I would have supposed that
if in the future I made a change such as adding text to the  with an
image, then I would need a class and could then add it at that point, and I
wondered why do it until/unless it's needed.

I gather from the replies that experienced CSS coders would often prefer to
"be prepared" for such a possible future need, even though it may mean
adding classes to the html markup that aren't actually needed, at least at
this time.

It's helpful for me to think about these things, and I thank all of you for
your help.

Charles


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

[css-d] odd behaviour in Safari?

[franki stull]

Hello all! 

Again, I reach out to the collective expertise of the group. I am developing
a corporate site for a client. During initial testing, I noticed that in
Safari on the Mac I am unable to see the arrows (bullets) of my . Am I
overlooking a fundamental rule? 

The page below is a stripped down view of the page. 

http://frankidurbin.com/foralltosee/

Thanks again! 
Franki 


__
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] One clean HTML markup, many layouts... (WAS: one template to rule them all)

[Gunlaug Sørtun]

Thierry Koblentz wrote:
I would appreciate your feedback so I can improve this article: 
http://www.tjkdesign.com/articles/liquid.asp


Minor detail (didn't test):
Maybe swap background-images/positions between html and body on
http://www.tjkdesign.com/articles/liquid/10.asp will make them stay in
place below min-width?

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] Content appearing incorrectly in IE6

[Gunlaug Sørtun]

Luke Mackenzie wrote:

anyone?



www.loopfruit.co.uk


IE/win doesn't respect 'height: (any value);' on '#innerbox' (or any
other element for that matter), so you'll have to find a better way to
lay out that page.

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] One clean HTML markup, many layouts... (WAS: one template to rule them all)

[Thierry Koblentz]

I would appreciate your feedback so I can improve this article:
http://www.tjkdesign.com/articles/liquid.asp

Regards,
Thierry | www.TJKDesign.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] Why add an .img class?

[Duckworth, Nigel]

Charles D: 
>> #sweden dd.img img {float: left;}
>>
>> I didn't see the point of adding the class to the html code because
it 
>> seemed to me that it could be identified without it, so I
experimented 
>> by leaving out the class and addressing it in the CSS with just
>>

Christian M:
>It's just that you never know when you might have a dd with an image
that you don't want to float. So it's good to give all particular dd's 
>with imgs you want to float their own class.

It has to do with alternating the direction of the floated image and
overriding the margins on the dd which are set for the dd.alt class
later on in the stylesheet. Charles, read on...pp 100-101 explains. 

-Nigel


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian
Montoya
Sent: Tuesday, October 18, 2005 9:19 AM
To: Charles Dort
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Why add an .img class?


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

Re: [css-d] Opera and nested Fieldsets

[Gunlaug Sørtun]

Rob Cochrane wrote:

http://www.dunefoods.com/regSpecial.asp

is there something I should know about Opera and fieldsets that is 
not applicable to FF IE etc.


Keep floats inside those fieldsets.

Try:
fieldset {overflow: hidden;}
...and take it from there if you need Opera to mimic other 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/

ADMIN: Re: [css-d] scrollbars in div on MAC

[Adam Kuehn]

Arlen Walker wrote:


\IE for MAC is a AWFUL browser. And  therefore is no longer being developed.


Just a factual correction: IE/Mac is an "awful" browser because it 
is no longer being developed.


And to issue a list correction:  This thread is dead.

Sorry, folks, I thought this one had died a peaceful death before I 
went home yesterday, so I let it slide.  However, discussions of 
which browser is or is not "awful" and why or why not is just simply 
off-topic.  Take your aesthetic debates off the list please.  If you 
want to know what browsers you "should" be developing for, I suggest 
you take your inquiry to another forum (see 
 for some 
possibilities).


On the other hand, if you want to know how to make your site work 
with a given browser (without the value-judgement as to whether or 
not that's a "good" thing to do) then this is the place for you.


Thanks,

--

-Adam Kuehn
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] line in nav

[Neal Watkins]

Adam -- thank you
I haven't even checked it out but that has to be it!
i have made these navs before and was dumbfounded why that line was there.

good problem solving skills!- i mean great


Quoting Adam Kuehn <[EMAIL PROTECTED]>:


At 9:11 PM -0400 10/17/05, Neal Watkins wrote:

http://gizmoproject.com/775/

see the darker blue line under the nav - -anybody see how to get rid 
of it-- the

hover works fine - - - but the regular blue doesn't go to the bottom


You have the following general rule:

a:link, a:visited {color: #039; border-bottom: 1px solid #039;}

Add the following to your specific rule for the navigation:

ul#main-nav li a {
  border-bottom: none;
}

I believe that should take care of it, but let me know if not.

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/

Re: [css-d] line in nav

[Adam Kuehn]

At 9:11 PM -0400 10/17/05, Neal Watkins wrote:

http://gizmoproject.com/775/

see the darker blue line under the nav - -anybody see how to get rid 
of it-- the

hover works fine - - - but the regular blue doesn't go to the bottom


You have the following general rule:

a:link, a:visited {color: #039; border-bottom: 1px solid #039;}

Add the following to your specific rule for the navigation:

ul#main-nav li a {
  border-bottom: none;
}

I believe that should take care of it, but let me know if not.

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/

Re: [css-d] Why add an .img class?

[diego nunes]

On 18/10/05, Christian Montoya <[EMAIL PROTECTED]> wrote:
> That being said, class "img" is a poor naming convention. Something
> like "imgleft" would have made more sense.
Not, it wouldn't. Naming an element with his format is even worse
than using names of classes like elements.
Using like "wi" (which would stand for "with image") would be
really better, since it tells the important information (that the dd
has an image inside) without relying in the current behavior of the
element -- since it can change in a redesign, or something.

  Amplexos.

--
diego nunes
__
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] Content appearing incorrectly in IE6

[Luke Mackenzie]

anyone? 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Luke Mackenzie
Sent: 18 October 2005 11:12
To: css-d@lists.css-discuss.org
Subject: [css-d] Content appearing incorrectly in IE6

Hi,

I'd be grateful if somebody could look at the following problem. "test
content 1" should appear as it does in firefox on the following page:

www.loopfruit.co.uk

in IE, the div above does not appear to be closing correctly. i think this
is a probably a well known bug and would be very  grateful if somebody could
provide and explain a solution to me. i realise that the CSS is not
validating due to some background colour problems (i inherited parts of the
css and have yet to fix it) but am sure these aren't the cause of the
problem.

many thanks,

luke mackenzie - 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/

__
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 add an .img class?

[Rimantas Liubertas]

2005/10/18, Christian Montoya <[EMAIL PROTECTED]>:
<...>
> That being said, class "img" is a poor naming convention. Something
> like "imgleft" would have made more sense. And I would strongly
> discourage naming a class just like an element... I mean, imagine if
> you made a little typo and put "img" instead of ".img" ... your whole
> page would probably fall apart.

And just imagine if you decide to float your .imgleft to the right...

Regards,
Rimantas
--
http://rimantas.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] Why add an .img class?

[Christian Montoya]

> #sweden dd.img img {float: left;}
>
> I didn't see the point of adding the class to the html code because it
> seemed to me that it could be identified without it, so I experimented by
> leaving out the class and addressing it in the CSS with just
>

It's just that you never know when you might have a dd with an image
that you don't want to float. So it's good to give all particular dd's
with imgs you want to float their own class.

That being said, class "img" is a poor naming convention. Something
like "imgleft" would have made more sense. And I would strongly
discourage naming a class just like an element... I mean, imagine if
you made a little typo and put "img" instead of ".img" ... your whole
page would probably fall apart.

--
- 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] Opera and nested Fieldsets

[Rob Cochrane]

Hi All,

Before I start ripping apart this site

http://www.dunefoods.com/regSpecial.asp

is there something I should know about Opera and fieldsets that is not 
applicable to FF IE etc. I have built a large form with tool tips etc 
and lots of nested fieldsets etc and FF IE are all fine in the display 
stakes but Opera make a meal of the display overlapping fieldsets and 
generally doing it's own thing.


The site was a major rush job and now I am refining and cleaning up all 
aspects including CSS markup and adding in the alternate languages, 
style switchers and such. The more I test now the more issues I find:)


Thanks in advance to those Opera buffs

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

Re: [css-d] Why add an .img class?

[Choan C. Gálvez]

Charles Dort escribió:

I'm a CSS beginner, slowly working through Dan Cedarholm's _Bulletproof Web
Design_, and (on p. 80, if you also have the book) he inserts class="img"
into a  so he later can reference that class, identifying the s that
contains an image, as opposed to other s that contains only text.
Here's an example of each:



This was taken in Gamla Stan (old Town) in a large square of amazing
buildings.


Charles,

By adding a `class` to the `dd`, you're adding a hook to style the `dd`, 
 not the image.


So `#sweden dd.img` will affect just the `dd` elements which contain images.


He then addressed this class in the CSS as follows:

#sweden dd.img img {float: left;}


You are styling the `img` here.


I didn't see the point of adding the class to the html code because it
seemed to me that it could be identified without it, so I experimented by
leaving out the class and addressing it in the CSS with just

#sweden dd img {float: left;}


You are still styling the image.


and it seemed to work fine.  But I'm the beginner, and the expert used the
class.  I'm sure there was a reason; I just don't know what it is.  Can
anyone tell me why it's necessary or a good idea to add that class to
identify the image?


As said previously, the class is added to identify the `dd`, not the `img`.

HTH,
Choan

__
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 add an .img class?

[Gunlaug Sørtun]

Charles Dort wrote:

#sweden dd.img img {float: left;}



I didn't see the point of adding the class to the html code because
it seemed to me that it could be identified without it, so I
experimented by leaving out the class and addressing it in the CSS
with just



#sweden dd img {float: left;}



and it seemed to work fine.  But I'm the beginner, and the expert
used the class.  I'm sure there was a reason; I just don't know what
it is.  Can anyone tell me why it's necessary or a good idea to add
that class to identify the image?


I don't see the point either - in that case. (I haven't read the book.)

However, if you have an image in one 'dd' you want to 'float', and an
image in another 'dd' that you _don't_ want to add that style to, then
the extra class on 'dd' can be used to separate them.

You may then of course just as well add a class to the image you want to
'float' itself, in such a mixed case.

Plenty of options available, and every site may need its own strategy
for use of these options. Test them out, and try to keep it simple and
understandable as you go along, as it will be much easier to maintain
later on. (I should have followed that rule myself :-) )

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] centering variable div blocks containing img and text

[David Laakso]

[EMAIL PROTECTED] wrote:


so when it comes to center this two boxes, the trouble starts.

In the end, I dont know how many boxes like this i will have on the
page. But I know for sure, that
no matter how many of them ( presumably it won't be 1000 ) they HAVE TO
CENTER in the containing box.


To sum things up, here is a grafic that illustrates, what I want to
have. the number of boxes is like i said,
variable. There could be 2 or 4. Don't know. but they have to center in
the box which is their parent.
that parent can have a fixed width !

http://www.xworld2000.de/centerimg/center.gif

Felix B.



 

I am not sure, but you might check Bruno Fassino's  thumbnail image 
galleies. They may meet your need?


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] Why add an .img class?

[Charles Dort]

I'm a CSS beginner, slowly working through Dan Cedarholm's _Bulletproof Web
Design_, and (on p. 80, if you also have the book) he inserts class="img"
into a  so he later can reference that class, identifying the s that
contains an image, as opposed to other s that contains only text.
Here's an example of each:

 



 

This was taken in Gamla Stan (old Town) in a large square of amazing
buildings.

 

He then addressed this class in the CSS as follows:

 

#sweden dd.img img {float: left;}

 

I didn't see the point of adding the class to the html code because it
seemed to me that it could be identified without it, so I experimented by
leaving out the class and addressing it in the CSS with just

 

#sweden dd img {float: left;}

 

and it seemed to work fine.  But I'm the beginner, and the expert used the
class.  I'm sure there was a reason; I just don't know what it is.  Can
anyone tell me why it's necessary or a good idea to add that class to
identify the image?

 

Thanks!

 

Charles

 

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

Re: [css-d] Site Check - chispaconsulting.com

[Bill Gates]

Using Safari, the drop-downs on Resources and About are initially a bit 
narrower than the tabs, then quickly expand, but the difference remains 
visible on mouse-off.


On Oct 18, 2005, at 12:00 AM, Felix Miata wrote:


[EMAIL PROTECTED] wrote:


Site: http://www.chispaconsulting.com
CSS: http://www.chispaconsulting.com/mjc.css


You've sized all your text in px, which frustrates IE users who need to
be able to see it at the size they prefer, but cannot due to IE's
unfriendliness in this regard. Because of a defect in your font-size
rule for p, p text is the visitor's preference size, and thus the only
text on the page I can comfortably read without zooming. Please pay a
visit to http://members.ij.net/mrmazda/auth/defaultsize.html and
http://css-discuss.incutio.com/?page=UsingFontSize.
--
"Be quick to listen, slow to speak."James 1:19 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/



__
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] Pre-wrap and hanging indent?

[Rodent of Unusual Size]

-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1

I'm not sure how to phrase what I want, so I'll just
describe the effect I'm after.

I want to display an IRC conversation log fragment in an
HTML  element.  I want the effect of white-space: pre-wrap,
so that text on each line that's too wide will wrap.  However,
when that happens I want the wrapped text to be indented, so
that it'll be clear that it's a continuation.

I could probably get the effect I want by putting each line
into an appropriately-styled  element or the like, but that's
awkward.

Is there any way to set a hanging indent on 'pre-wrap' text like
this?  Sort of treating each line from start to hard newline as
an implicit block element?

I doubt it, but ya never know..

As an example, I'd like to have


  normal length line
  some really horribly hellaciously long line of text
  oh yeah


be rendered something like this:

  normal length line
  some really horribly hellaciously
long line of text
  oh yeah

Thanks for any help or pointers..
- --
#kenP-)}

Ken Coar, Sanagendamgagwedweinini  http://Ken.Coar.Org/
Author, developer, opinionist  http://Apache-Server.Com/

"Millennium hand and shrimp!"
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.2.4 (MingW32)
Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org

iQCVAwUBQ1TYU5rNPMCpn3XdAQKKzwQApFpxNcqptw4EiXBPBscw4a8jwuttyEfe
7bFwLwUz6b/SahFygYGT+++srqKD9A6RNAH81HbnWHeJ5HkH7vqQHYpJddVYyC4A
aOYPsHolac1h8mGF4FS6Ns89GxY+t0zf8ZDZTqR73j3feyKgcDNkTK3c4O1HPZBg
YuE/TkBjLog=
=89Oo
-END PGP SIGNATURE-
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] scrollbars in div on MAC

[ross]

This is still of topic but a very interesting and a related discussion

So when does a browser become totally extinct? Where is the cut off line?

For me IE for mac is  the Black Rhino of browsers. You would think from 
these comments that for OS-9 users the only option is to use IE-MAC (Opera. 
Firefox, take your pic). IE also seems to leak memory so the resources 
argument doesn't really hold up. Firefox supposedly had a memory problem but 
I have 1.5 beta running and so far so good


We can help this injured animal (IE-MAC) to a peaceful death by not 
developing for it anymore.


If  I visited websites that didn't work on my computer but on my mates 
computer it worked perfectly well. I would not think that website was 
excluding me I would think maybe my technology was not up to scracth. An 
alternative could be to sniff for legacy browsers and issue a warning to 
upgrade.


Anyway the best brower on the market in my opinion is OPERA.

I am interested in your opinions but keep the toys in the pram and no 
quivering bottom lips please.



Ross





- Original Message - 
From: "Arlen Walker" <[EMAIL PROTECTED]>

To: "css-discuss" 
Sent: Tuesday, October 18, 2005 5:12 AM
Subject: Re: [css-d] scrollbars in div on MAC




On Oct 17, 2005, at 8:13 AM, [EMAIL PROTECTED] wrote:

\IE for MAC is a AWFUL browser. And  therefore is no longer being 
developed.


Just a factual correction: IE/Mac is an "awful" browser because it is  no 
longer being developed.


The cynical side of me says the IE/Mac team paid the price for  outshining 
their Windows brethren; at the time IE/Mac was  discontinued, it was very 
nearly the most standards compliant browser  on the market. It put 
IE5.x/Win to shame and in many ways outdid IE6.


Sometimes mentally-challenged web developers force Mac users to use  IE, 
because they browser sniff and exclude all but IE, intentionally  or 
because they do browser sniffing badly. So mac users have to keep  it 
around, and so they use it, because it's easier to keep using it  than to 
keep track of what sites mistreat Safari and what sites don't.


Heck, it wasn't until v2 shipped that I started using Safari for a  lot of 
surfing. Until then the bugs in it made me prefer IE5.2 to it.


About 3% of users are MAC and out of there only a fraction wil use  IE 
(does anyone have an actual % of IE for MAC users).


As always, these stats are extremely site-dependent, and pretty much 
meaningless; they're measuring a slef-selected sample, after all. If  a 
site gives the user of a particular browser a bad experience, those  users 
don't show up again. So quoting stats is a pretty futile endeavor.


Since it generally doesn't take much effort make a site appear  decently 
on MacIE5.2, I'd probably include them (I generally do in  the sites I 
build, anyway).


Why would you when you have Safari?? I would make a text only  version 
for these fools.


That'd sure make the problem go away. You wouldn't have to worry  about 
making a site look good for them, because they wouldn't visit  your site 
anymore. Probably even after they switched browsers at a  later time. 
(Users tend to develop habits like that, I've noticed.  Treat them badly 
once, and there's so much out there that they never  really manage to get 
around to giving you a second chance. It's not  that they hate you, they 
just don't care enough to make the time.)


As for Pascal's original problem, I'd suggest he try using 
"overflow:auto;" and see what happens. After all, Firefix didn't add 
support for this until v1.8, so it's highly unlikely IEMac has it.  They 
tended to build according to the specs, and that property wasn't  in the 
specs back then.



Have Fun,
Arlen

--
In God we trust, all others must supply data

__
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] centering variable div blocks containing img and text

[sobr]

Hi, Hallo, Bonjour, Hola to everyone !

This is my first post. As an active reader I tried everything I could to
solve...let me guessyes, a problem  ;) 

Because it serves perfectly well for illustration the thing I'm talking
about I used the html/css from
this post "http://archivist.incutio.com/viewlist/css-discuss/47685";.
Hopefully the Butcher won't show up and kill me  ;) 

So, here it comes:

http://www.xworld2000.de/centerimg/index.html

this page show's you two boxes. the purpose is to show an image with
additional text underneath.
this works fine this far.

so when it comes to center this two boxes, the trouble starts.

In the end, I dont know how many boxes like this i will have on the
page. But I know for sure, that
no matter how many of them ( presumably it won't be 1000 ) they HAVE TO
CENTER in the containing box.

As soon as the "float" element comes up, it gets impossible for me to
center them. Maybe you
guys have an idea.

To sum things up, here is a grafic that illustrates, what I want to
have. the number of boxes is like i said,
variable. There could be 2 or 4. Don't know. but they have to center in
the box which is their parent.
that parent can have a fixed width !

http://www.xworld2000.de/centerimg/center.gif


Honestly,


Felix B.


[EMAIL PROTECTED]
portrix.net software production
__
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] Content appearing incorrectly in IE6

[Luke Mackenzie]

Hi,

I'd be grateful if somebody could look at the following problem. "test
content 1" should appear as it does in firefox on the following page:

www.loopfruit.co.uk

in IE, the div above does not appear to be closing correctly. i think this
is a probably a well known bug and would be very  grateful if somebody could
provide and explain a solution to me. i realise that the CSS is not
validating due to some background colour problems (i inherited parts of the
css and have yet to fix it) but am sure these aren't the cause of the
problem.

many thanks,

luke mackenzie - 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/