Re: [css-d] How to replace this table row in CSS-only ??? [ solved ]

2010-02-06 Thread Mike Schleif 
I still do not fully understand how this works, so I must muck with
line-height in 2 places whenever I change 1 font-size.  That it appears
to work in my meager suite of browsers is a good thing:

 http://helices.org/mds_resume.html 

Thank you.

Best Regards,

Mike


Mike Schleif wrote:
 OK, I have two (2) elements sitting on an hr /, one left justified and
 the other right justified:
 
 Abe Lincoln   Biographical Info
 -
 
 NOTE: The left text is larger (e.g., h2) than right text; but, BOTH
 must share same baseline.
 
 
 I can do this easily with table.
 
 I'm having a bear of a time doing this with CSS only.
 
 I've tried various combinations of div, span, position, float, etc.
  NO combination meets all expectations.
 
 
 What do you think?
 
 Best Regards,
 
 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/
 
 


__
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] How to replace this table row in CSS-only ???

2010-02-05 Thread Mike Schleif 
OK, I have two (2) elements sitting on an hr /, one left justified and
the other right justified:

Abe Lincoln Biographical Info
-

NOTE: The left text is larger (e.g., h2) than right text; but, BOTH
must share same baseline.


I can do this easily with table.

I'm having a bear of a time doing this with CSS only.

I've tried various combinations of div, span, position, float, etc.
 NO combination meets all expectations.


What do you think?

Best Regards,

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] How to replace this table row in CSS-only ???

2010-02-05 Thread Mike Schleif 
No

I've also tried font-size

Best Regards,

Mike

Pi Dizayn wrote:
 On 06.02.2010 01:09, Mike Schleif wrote:
 OK, I have two (2) elements sitting on anhr /, one left justified and
 the other right justified:

 Abe Lincoln  Biographical Info
 -

 NOTE: The left text is larger (e.g.,h2) than right text; but, BOTH
 must share same baseline.


 I can do this easily withtable.

 I'm having a bear of a time doing this with CSS only.

 I've tried various combinations ofdiv,span, position, float, etc.
   NO combination meets all expectations.


 What do you think?

 Best Regards,

 Mike
 Do we have to use h2 tag?
 


__
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] How to replace this table row in CSS-only ???

2010-02-05 Thread Mike Schleif 
I googled this; but, 2 problems:

[1] the 2 texts right and left were aligned to TOP not baseline
[2] couldn't get the hr to display beneath both texts

Best Regards,

Mike

David Laakso wrote:
 Mike Schleif wrote:
 OK, I have two (2) elements sitting on an hr /, one left justified and
 the other right justified:

 Abe LincolnBiographical Info
 -

 NOTE: The left text is larger (e.g., h2) than right text; but, BOTH
 must share same baseline.


 I can do this easily with table.

 I'm having a bear of a time doing this with CSS only.

 I've tried various combinations of div, span, position, float, etc.
  NO combination meets all expectations.


 What do you think?
   


 Not much :-) .


 Best Regards,

 Mike

   


 Some methods explained here, dunno if these will solve your problem or
 not (and the world will not end if you use a table):
 http://www.communitymx.com/content/article.cfm?cid=529B0

 Best,
 ~d







__
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] How to replace this table row in CSS-only ???

2010-02-05 Thread Mike Schleif 
OK

But, as I said, the LEFT text must be much larger than right; and with
this, the baselines right and left do NOT coincide ...

Best Regards,

Mike

Pi Dizayn wrote:
 style type=text/css
 !--
 #right {
  float: right;
 }
 --
 /style
 
 
 span id=rightBiographical Info/span
 spanAbe Lincoln/span
 hr /
 
 On 06.02.2010 02:26, Mike Schleif wrote:
 No

 I've also tried font-size

 Best Regards,

 Mike

 Pi Dizayn wrote:

 On 06.02.2010 01:09, Mike Schleif wrote:
  
 OK, I have two (2) elements sitting on anhr /, one left justified and
 the other right justified:

 Abe LincolnBiographical Info
 -

 NOTE: The left text is larger (e.g.,h2) than right text; but, BOTH
 must share same baseline.


 I can do this easily withtable.

 I'm having a bear of a time doing this with CSS only.

 I've tried various combinations ofdiv,span, position, float, etc.
NO combination meets all expectations.


 What do you think?

 Best Regards,

 Mike

 Do we have to use h2 tag?

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

Re: [css-d] How to replace this table row in CSS-only ???

2010-02-05 Thread Mike Schleif 
Very interesting.

I fail to understand HOW it works?

What keeps the left-text-baseline at the same position as
right-text-baseline?

When I manipulate font sizes, the baselines move ???

Best Regards,

Mike


Chris F.A. Johnson wrote:
 On Fri, 5 Feb 2010, Mike Schleif wrote:
 
 OK, I have two (2) elements sitting on an hr /, one left justified and
 the other right justified:

 Abe Lincoln  Biographical Info
 -

 NOTE: The left text is larger (e.g., h2) than right text; but, BOTH
 must share same baseline.


 I can do this easily with table.

 I'm having a bear of a time doing this with CSS only.

 I've tried various combinations of div, span, position, float, etc.
  NO combination meets all expectations.
 
http://cfajohnson.com/testing/baseline.html 
 
(May need some adjusting)
 


__
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] td widths change with img ???

2008-03-07 Thread Mike Schleif 
* Christian Kirchhoff [EMAIL PROTECTED] [2008:03:07:10:51:12+0100] scribed:
 Maybe a dumb question, but is the text in column (2) defined to be left 
 aligned?
 
 Other than that, I cannot think of a reason - if all table rows are in 
 one table and not in separate ones - why that should happen. Could you 
 provide a link to an exemplary page showing your problem? Does it happen 
 only in certain browsers?

Go here:

http://hb.platinumaire.net/form_4.aspx

Enter this string:

{A8D5CDDA-972F-4D33-A7E8-B5342AAE1350}

and submit.

So far, ff 2.0.0.12 and ie 7 both exhibit bad column alignment ...

What do you think?

-- 
Best Regards,

mds
mds resource
877.596.8237
-
Dare to fix things before they break . . .
-
Our capacity for understanding is inversely proportional to how much
we think we know.  The more I know, the more I know I don't know . . .
--


signature.asc
Description: Digital signature
__
css-discuss [EMAIL PROTECTED]
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] td widths change with img ???

2008-03-07 Thread Mike Schleif 
* Scott Sauyet [EMAIL PROTECTED] [2008:03:07:08:59:00-0500] scribed:
 Mike Schleif wrote:
  Go here:
  http://hb.platinumaire.net/form_4.aspx
  Enter this string:
  {A8D5CDDA-972F-4D33-A7E8-B5342AAE1350}
  and submit.
 
 The server is throwing errors when I try this.  Do you have a spot to 
 post just a static copy of the page in question?
 
-- Scott

http://hb.platinumaire.net/test.html

-- 
Best Regards,

mds
mds resource
877.596.8237
-
Dare to fix things before they break . . .
-
Our capacity for understanding is inversely proportional to how much
we think we know.  The more I know, the more I know I don't know . . .
--


signature.asc
Description: Digital signature
__
css-discuss [EMAIL PROTECTED]
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] td widths change with img ???

2008-03-07 Thread Mike Schleif 
* Christian Kirchhoff [EMAIL PROTECTED] [2008:03:07:18:11:45+0100] scribed:
 Hello,
 
 A look at your html code shows me that the rows are in separate tables. 
 For a start try to combine evrything in one single table by dropping the 
 extra:
 
 /table
 table cellpadding=5 cellspacing=5 width=100%
 
 in between the four rows.
snip /

When I read this, I thought, No way!  I didn't do something that bad
;

However, when I checked the code; sure enough, my bad, I had done the
dork ;

Thank you, thank you, thank you ...


-- 
Best Regards,

mds
mds resource
877.596.8237
-
Dare to fix things before they break . . .
-
Our capacity for understanding is inversely proportional to how much
we think we know.  The more I know, the more I know I don't know . . .
--


signature.asc
Description: Digital signature
__
css-discuss [EMAIL PROTECTED]
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] td widths change with img ???

2008-03-06 Thread Mike Schleif 
I have dynamically generated tabular data.

The leftmost cell in each row will be either an image, or blank.  The
images can vary in width.  Height is not an issue.

The displayed images are to be maximum width 150px.  I would prefer that
smaller images remain smaller; but, can live with stretch.

Most irritating problem is that text in column (2) does NOT left justify
in a straight vertical line ;

Table cell border is ONLY for testing:

td class=MenuPicture style=border: solid black 1px; width=180 px
div class=Image
img src=/modules/displaythumb.aspx?id=%= modID % /
/div
/td

Current CSS:

.Image {
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
text-align: center;
width: 100%;
}

.MenuPicture {
/*
align: absmiddle;
border-style: none;
padding: 0px;
text-align: center;
*/
}


What am I missing?

-- 
Best Regards,

mds
mds resource
877.596.8237
-
Dare to fix things before they break . . .
-
Our capacity for understanding is inversely proportional to how much
we think we know.  The more I know, the more I know I don't know . . .
--


signature.asc
Description: Digital signature
__
css-discuss [EMAIL PROTECTED]
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/