[css-d] Chrome Table Strangeness

[Christopher Barth]

http://gsadev.wynright.com/

 

In Firefox, Opera, and IE this site renders properly, in Chrome it
doesn't, I can't figure out why. If I remove the elements from the top
row, or remove the top row entirely the menu on the left resizes
correctly. If I remove all the elements from the left column it shrinks,
however it only does so if I remove all the elements from the left
column. There is no one element that I can remove that will cause it to
size properly. I'm stuck.

 

The top row is actually a nested table, so it shouldn't be causing any
of these problems. What is more, it seems that removing either of the
left two cells in the top table fixes the left column, but removing the
right-most cell doesn't do anything to the left column.

 

Does anyone have any ideas or suggestions of where I might look or what
I might try? Thanks.

 

Wynright Inc. 
Chris Barth 
Developer 
cba...@wynright.com   
office: 773-847-1324 
IM: cba...@weinet.com (MSN) 

Always have my latest info
  

 

__
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] Element Positioning

[Christopher Barth]

I appreciate that suggestion about inline styles, I was using them for
testing; I'll eventually get rid of them.

The problem I had with background styles is that then if there is only a
little body text the entire gradient won't show, but only a small
portion of it. I somehow need to have the entire gradient show no matter
how little the body area is.

Chris Barth

-Original Message-
From: Philippe Wittenbergh [mailto:e...@l-c-n.com] 
Sent: Tuesday, September 08, 2009 7:33 PM
To: CSS-D
Cc: Christopher Barth
Subject: Re: [css-d] Element Positioning


On Sep 9, 2009, at 9:04 AM, Christopher Barth wrote:

> On a site I'm modifying I have an image that needs to always appear at
> the bottom of a column, so I set the valign on the table cell to  
> bottom
> and all was wonderful until I was asked to put images in the bar as  
> well
> and the images need to appear at the top of the column.
>
> You can see what I mean here:
> http://wynright.com/gsa2/Handling_Equipment/Conveyors/.
>
> On the left of the main body text there is a column under the menu. In
> that column there are three buttons which need to appear directly  
> under
> the menu and there is a gray background fade which needs to appear at
> the bottom of the column always. The other catch is that the gray bar
> must always show in its entirety even if there is no or little text in
> the body in order to give the page some substance.
>
> With the valign set to bottom my positing is artificially lowered.  
> If I
> take that off I can't figure out how to lower the background  
> gradient to
> the bottom of the column. Suggestions?


Don't insert that gradient image as an , use background-image  
instead.
Something like this ought to work:
1. give that td an ID (#myID - but give it a more meaningful one...)
2. #myID {background: transparent url(path/to/myGradient.png) repeat-x  
bottom center;}
3. remove that 'valign' attribute
4. insert you icon-images

 ...

PS don't use inline style if you can avoid it. It is a mess to maintain.

Philippe
---
Philippe Wittenbergh
http://l-c-n.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/

[css-d] Element Positioning

[Christopher Barth]

On a site I'm modifying I have an image that needs to always appear at
the bottom of a column, so I set the valign on the table cell to bottom
and all was wonderful until I was asked to put images in the bar as well
and the images need to appear at the top of the column.

You can see what I mean here:
http://wynright.com/gsa2/Handling_Equipment/Conveyors/.

On the left of the main body text there is a column under the menu. In
that column there are three buttons which need to appear directly under
the menu and there is a gray background fade which needs to appear at
the bottom of the column always. The other catch is that the gray bar
must always show in its entirety even if there is no or little text in
the body in order to give the page some substance.

With the valign set to bottom my positing is artificially lowered. If I
take that off I can't figure out how to lower the background gradient to
the bottom of the column. Suggestions?


Warehouse Equipment Inc.
Chris Barth
Developer

__
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] Question about width and min-width in ul

[Christopher Barth]

Thanks. This did the trick.

Chris Barth

-Original Message-
From: David Hucklesby [mailto:huckle...@gmail.com] 
Sent: Tuesday, August 11, 2009 3:04 PM
To: Christopher Barth
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Question about width and min-width in ul

Christopher Barth wrote:
> I have a menu system that uses nested ULs. The main menu is a fixed 
> size, but I want the sub menu's to be variable width that will grow
> to encompass the entire width of the menu item. I figured min-width
> would do this; however, it only grows to be as big as the longest
> non-breaking string.
> 
> I thus have a two line menu looking like this:
> 
> Photo Library
> 
> When I want a menu item like this:
> 
> Photo Library
> 
--
Theoretically you could use "whitespace: nowrap;" to do this. Certain
older browsers don't respect this, so I suggest using a non-breaking
space between the two words 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/

[css-d] Min-Width Question

[Christopher Barth]

Under what circumstances might a container that has min-width set not
grow beyond the size of min-width?

Chris Barth
__
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] Styling forms

[Christopher Barth]

In order to help we'll need more information about what you've tried and
a link of what your doing would be nice. Many of us have successfully
created forms before, so this is not a technical difficulty.

Also letting us know which technology your using would be very helpful.

This is a form that even impliments Google's Goal Tracking:
http://wynright.com/Contact_Us/Request_Info.aspx.


Chris Barth

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Krystian -
Sunlust
Sent: Tuesday, August 11, 2009 11:25 AM
To: CSS-D
Subject: [css-d] Styling forms

Hi, maybe this isn't 100% CSS question, but I'm looking to build a
simple contact form, name, email, message and submit button (maybe
captcha too, but optional).

The thing is that no matter how I construct a form it displays wrong,
either in FF, IE7 or IE8.

I've found some tutorials on Google, but they don't display right on
ie8 or I simply can't adapt them.

Any help would be appreciated.

Regards,

-- 
Krystian Szastok
Affordable, Freelance Web Designer in Eastbourne, East Sussex:
http://eastbournewebdesign.net
Mobile UK (Orange): 07528 036 337
Call for more information or email me.
__
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] Question about width and min-width in ul

[Christopher Barth]

I have a menu system that uses nested ULs. The main menu is a fixed
size, but I want the sub menu's to be variable width that will grow to
encompass the entire width of the menu item. I figured min-width would
do this; however, it only grows to be as big as the longest non-breaking
string.

I thus have a two line menu looking like this:

Photo
Library

When I want a menu item like this:

Photo Library

I've been using Firebug, Web Developer, and DOM Inspector to help me
figure out what may be going wrong and I've even tested my code at
http://www.w3schools.com/CSS/tryit.asp?filename=trycss_dim_min-width
where it seems to work fine. Any help would be appreciated. I'm new to
this mailing list, but not new to CSS.

The offending menus can be found at http://www.wynright.com/robotics2/
on the left side; the top menus are fixed width.

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