[UPHPU] Adjusting Table

[Justin Giboney]

The truth revealed.

All I know about the difference between pxs and ems is that a px is  
obviously one pixel width and an em is the width of an m (or an n, I  
can't remember).

I am using a design from http://www.oswd.org/designs/favorites/   
which was told to me by phpninja. The css in 'ems' is probably from  
the template. The pxs probably come from my additions.

Justin Giboney



On Jul 27, 2007, at 8:43 AM, jtaber wrote:

> Justin Giboney wrote:
>> Velda, thank you that works, except that I now need a way to clear  
>> the floats just inside of the content div for some sub headers.
>> see http://www.forodeherbales.com/edge/singlemovie.php?movieid=1094
>>
>> Justin, thank you, but yours doesn't work because I need text  
>> below the images.
>>
>> Justin Giboney
>>
>>
>> On Jul 26, 2007, at 6:37 PM, Velda Christensen wrote:
>>
>>> justin wrote:
>>>> On 7/26/07, Velda Christensen <velda at novapages.com> wrote:
>>>>
>>>>> Justin Giboney wrote:
>>>>>
>>>>>> I meant that the number of columns is adjusted to what the  
>>>>>> width is.
>>>>>> Also wrapping around floating objects.
>>>>>>
>>>>>> Justin Giboney
>>>>>>
>>>>> Ah, don't do that with a table then.  Make a wrapper div, and  
>>>>> float the
>>>>> divs that go in it.  So if you are trying to display columns of  
>>>>> products:
>>>>>
>>>>> #productswrap { width: 80%; }
>>>>> #productswrap div { width: 200px; height: 200px; float: left;  
>>>>> padding:
>>>>> 2em; }
>>>>>
>>>
>>> Here's an example.  I didn't apply any IE specific styles for the  
>>> box model though as it's a quick sketchup, so this only works in FF.
>>>
>>> http://novapages.com/stuff/adjustingcolumns.html
>>
>>
>
> Velda,
> that's a really nice example - I noticed some width's (like padding  
> and the menu bar are in em units while other widths (boxes) are in  
> pixels (px).  I guess I don't understand the advantages of em vs px  
> - why did you choose one over the other in each case ?  thks.
>
>
>
>
>
>
>>
>> _______________________________________________
>>
>> UPHPU mailing list
>> UPHPU at uphpu.org
>> http://uphpu.org/mailman/listinfo/uphpu
>> IRC: #uphpu on irc.freenode.net
>>
>>
>