Re: [css-d] General question

[Cheryl Smith]

>Use "reply to list" it's much easier :-)

I don't have that option
 
Cheryl
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] kthings 02 (Formerly "Floating images - understanding ... etc.)

[David Laakso]

Keith Purtell wrote:
> I took every message I got about this Web page and pasted it into a
> 24-page MS Word document.
>
> http://www.keithpurtell.com/kthings/a_body_vance_divs.htm
>
> - Keith Purtell
>
>   






Start over with a clear head and a clean sheet. Hit the verticals. Hold 
the horizontals. Honor the authors and their work. Make yourself very 
small and insignificant. And above all else keep it simple.
Fwiw:


Best,
Mark Rothko








-- 
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] kthings 02 (Formerly "Floating images - understanding ... etc.)

[David Hucklesby]

On 8/22/10 4:17 PM, Keith Purtell wrote:
[...]
>
> A - Notice the first photo credit. The only way I could make it fit
> was to put it in a div the same width as the image...

The DIV that holds the first image and caption has a width. The caption
also has a (different) width. I don't think you need the width for the
caption.

> ... The second image credit has the same cheat even though it doesn't
> match the image width.

The DIV around the rightmost image does not have a width. The caption
has a width, equal to that of the image. Not the "same cheat" at all.

> And the navigation on the left: Somehow I have to make that fit the
> available space.

Why not give it more space? This end, I have very long line lengths on
the main text - shorter would be easier to read. That would give you
more room for the navigation.

Also, I suggest you use a background color that matches the background
image, as the image stops well short of the right-hand edge on my screen.[1]

Another suggestion might be to give the navigation some styling, rather
than use the browser default of 40px left margin (IE) or left padding
(others). Plenty of style ideas from Listamatic:

http://css.maxdesign.com.au/listamatic/

t to do?
>
> B - Please follow the Dave Marsh link on the left. There are three
> important features on this "old" page. 1-The way "Keith's Favored
> Things" butts up right at the top. I tried using the same code in
> the Jack Vance page but it didn't work.

The page markup and styling for this text are entirely different, so
I don't know why you would expect them to look the same?

On the Jack Vance page, the text is in an h2 element that's inside the
div#maincontent. On the Dave Marsh page, the text is inside div#header
that is directly inside the body element.

>
> Finally, please note the comment I put about half way down in the
> style sheet.
>

Are we supposed to guess which one? "Be nice to Opera 5" perhaps? (Why?)

> http://www.keithpurtell.com/kthings/a_body_vance_divs.htm
>
>
> - Keith Purtell

[1] P.S. Be aware that IE7 will not change the size of a background on
the body element when a page is zoomed. I suggest you put that "faux
column" background on a full-width wrapper element instead.

Cordially,
David
--

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] General question

[David McGlone]

On Sun, 2010-08-22 at 11:07 -0400, tedd wrote:
> At 7:41 PM -0700 8/21/10, Cheryl Smith wrote:
> >When I reply to an email, I get the individual's name instead of the 
> >list. Do I need to select reply all in which case the individual and 
> >the list will be sent a message?
> >
> >Cheryl
> 
> Cheryl:
> 
> I "reply to all" and then remove all email addresses except for the 
> list, as I have done here.
> 
> My way may not be right, but it's mine. :-)
> 
> Cheers,
> 
> tedd
> 

Use "reply to list" it's much easier :-)

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] kthings 02 (Formerly "Floating images - understanding ... etc.)

[Keith Purtell]

I took every message I got about this Web page and pasted it into a
24-page MS Word document. I read it all once, then went back and
highlighted the most important parts. Then I went to work on the page
and style sheet.

The result is better, but A) has a few glitches, and B) doesn't have
some features I want that are on the other older pages of the site built
when I didn't know what I was doing (sounds crazy).

A - Notice the first photo credit. The only way I could make it fit was
to put it in a div the same width as the image. I don't see myself doing
that for the entire site. Also, I can't figure out why the word "Used"
didn't appear on the previous line. For some reason, the text wrapped
prematurely. The second image credit has the same cheat even though it
doesn't match the image width. And the navigation on the left: Somehow I
have to make that fit the available space. Smaller font? But that leaves
the issue that this page will be within the Books section, and those
selections overflow to the right. What to do?

B - Please follow the Dave Marsh link on the left. There are three
important features on this "old" page. 1-The way "Keith's Favored
Things" butts up right at the top. I tried using the same code in the
Jack Vance page but it didn't work. Something to do with our old style
sheet import issue? 2-The way the Dave Marsh heading appears. I also
tried the same code on the Jack Vance page. It failed. 3-The slightly
textured background on the Dave Marsh page. Apparently a property of the
BODY tag, but it's not working on the Vance page.

Finally, please note the comment I put about half way down in the style
sheet. (My apologies for these posts that are so much longer than most
everyone else.)

http://www.keithpurtell.com/kthings/a_body_vance_divs.htm


- Keith Purtell



__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Inline-block, inline and a list without whitespace

[Thierry Koblentz]

> I have a list that I want to display inline. So I just added that rule
> to the li.
> 
> The problem is that the site is actually a bunch of static files
> generated by a script. And this script, for complicated reasons, does
> not add any whitespace between the li elements, nor before or after the
> content of the li elements which contain only one word each. Without
> any whitespace anywhere, the list elements don't wrap at all and if the
> list is longer than will fit in the width of the page, it is either cut
> off (if overflow: hidden) or generates a horizontal scroll bar.
...
> 
> I know I could ask the developer to add a space between the li elements
> and then use display: inline, but I'm wondering if there is there a way
> around the IE6 and 7 problem without doing this.


Floating the list items should solve the problem


--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Inline-block, inline and a list without whitespace

[Ellen Herzfeld]

Hello,

I have a list that I want to display inline. So I just added that rule to the 
li.

The problem is that the site is actually a bunch of static files generated by a 
script. And this script, for complicated reasons, does not add any whitespace 
between the li elements, nor before or after the content of the li elements 
which contain only one word each. Without any whitespace anywhere, the list 
elements don't wrap at all and if the list is longer than will fit in the width 
of the page, it is either cut off (if overflow: hidden) or generates a 
horizontal scroll bar.

I have found that if I use "display: inline-block" instead of just inline, the 
li elements wrap as they would if there was whitespace in the line. This works 
fine in webkit browers, Firefox, Opera and even IE8. But IE6 and IE7 apparently 
consider inline-block to be just "block", so the list items just stack up as 
usual for a list.

I think I understand what is going on here. An inline list without any 
whitespace is the same as if it were just one long string. Adding whitespace 
before or after the items in the li separates the string into words. However, 
the presence or absence of whitespace *between* the li elements shouldn't cut 
the string. But it does: if there is no whitespace around the list items but 
there is a space between the li elements, the list wraps. Is there an 
explanation for this?

I know I could ask the developer to add a space between the li elements and 
then use display: inline, but I'm wondering if there is there a way around the 
IE6 and 7 problem without doing this.

Thanks,

Ellen
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Need help clearing some floats...

[Thierry Koblentz]

> Mayby that's what Thierry meant by floating content? When the container
> div
> is floated, clears inside it only clear floats within that container? I
> hadn't thought of that...

Yes, that's what I meant. My apologies for giving you only a hint.
Besides what Alan said already, the other advantage of making the two
columns two block formatting contexts [1] is the fact that the vertical
margins of first and last child of these two containers will not collapse,
hence the vertical position of the containers and the space below them
should match.

[1]
http://www.yuiblog.com/blog/2010/05/19/css-101-block-formatting-contexts/

--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Need help clearing some floats...

[Alan Gresley]

Michael Stevens wrote:
[snip]
> Now I gotta admit to being a dummy. I would've sworn I tried exactly what I
> wanted to do and it cleared the form elements in content div AND the menu
> div. I just tried it again with the content floated and it works as I want.
> 
> Mayby that's what Thierry meant by floating content? When the container div
> is floated, clears inside it only clear floats within that container? I
> hadn't thought of that...
> 
> Thanks,
> 
> Mike


That is because a float generates a new block formatting context [1] 
and the rules for clearance [2] states.

"The 'clear' property does not consider floats inside the element 
itself or in other block formatting contexts."


1. 
2. 


-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Need help clearing some floats...

[Michael Stevens]

> How do I clear floats inside one div without clearing floats outside 
> of that div?

Make #content a float
--
I couldn't see how making #content a float would help but I tried and it
didn't do anything.



I imagine you could put a top margin in the  tag but it wouldn't be very
good coding and it would affect all  tags.
--
Yeah, I was just giving a general layout. I tried top margin on the  tag
but since the form divs were floated it started the margin at the beginning
of that section, not the end.



Now I gotta admit to being a dummy. I would've sworn I tried exactly what I
wanted to do and it cleared the form elements in content div AND the menu
div. I just tried it again with the content floated and it works as I want.

Mayby that's what Thierry meant by floating content? When the container div
is floated, clears inside it only clear floats within that container? I
hadn't thought of that...

Thanks,

Mike


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] General question

[tedd]

At 7:41 PM -0700 8/21/10, Cheryl Smith wrote:
>When I reply to an email, I get the individual's name instead of the 
>list. Do I need to select reply all in which case the individual and 
>the list will be sent a message?
>
>Cheryl

Cheryl:

I "reply to all" and then remove all email addresses except for the 
list, as I have done here.

My way may not be right, but it's mine. :-)

Cheers,

tedd

-- 
---
http://sperling.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] General question

[Cheryl Smith]

===
Yes that is exactly what I normally do.  This means the OP gets two messages 
but we can't help it unless you remove the individual's email from To: item.  
This should be fixed but nobody seems to have complained about it up to now.
===
 
I wasn't complaining, I just haven't had to do that on other forums. I would 
have to assume that posts do not go through a filtering process before being 
posted.
 
Cheryl
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] General question

[Dave Sherohman]

Do note that this is an often-debated philosophical point.  I won't go
into the reasons, since I don't want to start an off-topic argument, but
perhaps the reason it hasn't been "fixed" is because the list admins
don't consider the current behavior to be broken.

(If you *really* care about the reasons, google "reply-to munging" and
the first few results should be "considered harmful" and "considered
useful" articles which lay out the major points on each side.)

On Sat, Aug 21, 2010 at 08:04:23PM -0700, Jay Tanna wrote:
> Yes that is exactly what I normally do.  This means the OP gets two messages 
> but we can't help it unless you remove the individual's email from To: item.  
> This should be fixed but nobody seems to have complained about it up to now.
> 
> 
> --- On Sun, 22/8/10, Cheryl Smith  wrote:
> 
> 
> > When I reply to an email, I get the
> > individual's name instead of the list. Do I need to select
> > reply all in which case the individual and the list will be
> > sent a message?
> >  
> 
> 
> 
>   
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


-- 
Dave Sherohman
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] is this list still alive?

[Chris Blake]

The list is soo good nobody needs help anymore :-D


On 22/08/2010, at 2:33 PM, david wrote:

> Francesco wrote:
>> I used to get 50 messages a day from here.  Where is everyone?
>
> Well, including your message and the ones I haven't looked at this
> evening, there are 14.
>
> Your email made it to the list.
>
> -- 
> David
> gn...@hawaii.rr.com
> authenticity, honesty, community
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/