Re: [css-d] Styling a video gallery (and apologies)

2011-03-21 Thread David Laakso 

On 3/21/11 6:48 AM, Gabriele Romanato wrote:


I was wondering if it was possible to apply the same CSS techniques of 
fluid image galleries to video galleries. I just made this test:


http://onwebdev.blogspot.com/2011/03/css-styling-video-gallery.html

Btw, do you know some server-side script to speed up the video 
rendering? It's very slow, though I've used the same file 4 times. :-(


???




HTH :-)

Gabriele Romanato




~d



--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/

__
css-discuss [css-d@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] change in height of navigation bar

2011-03-21 Thread Alan Gresley 

On 22/03/2011 1:05 PM, John Hannon wrote:

Hello,
I am writing because of a change in the height of a navigation bar.
The navigation bar appears to display properly in Firefox 3.6.15 on a
Mac and in Safari 4.1.3, there is extra space underneath of the nav
bar.

The web address is:  http://bwbcontractors.com/

If you have any insight, please write back.

Thank you
~ J



This issue is most likely due to checking in various browsers with 
different font-size defaults or settings. The page layout brakes when 
one has a minimum font size setting.






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

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [css-d@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] change in height of navigation bar

2011-03-21 Thread Al Sparber 

On 3/21/2011 10:05 PM, John Hannon wrote:

Hello,
I am writing because of a change in the height of a navigation bar.
The navigation bar appears to display properly in Firefox 3.6.15 on a
Mac and in Safari 4.1.3, there is extra space underneath of the nav
bar.

The web address is:  http://bwbcontractors.com/


Never, ever, ever use fixed height on an element that contains text. 
Change your menu container rule to this:


  #mainNav {
background-color: #736357;
padding-bottom: 1px;
padding-left: 42px;
height: auto;
overflow: hidden;
}


--
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/hgm
The Ultimate Web 2.0 Carousel
__
css-discuss [css-d@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] change in height of navigation bar

2011-03-21 Thread John Hannon 
Hello,
I am writing because of a change in the height of a navigation bar.
The navigation bar appears to display properly in Firefox 3.6.15 on a
Mac and in Safari 4.1.3, there is extra space underneath of the nav
bar.

The web address is:  http://bwbcontractors.com/

If you have any insight, please write back.

Thank you
~ J
__
css-discuss [css-d@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] UL or css table for navigation panel?

2011-03-21 Thread Bobby Jack 
--- On Mon, 3/21/11, Joergen W. Lang  wrote:

> Then you *could* use these rules to make you links behave
> as desired:
> 
> ul.nav {
>     margin:     auto; /*
> center list */
>     list-style: none; /* remove bullets */
>     width:      20em; /* give it
> an explicit width */
> }

Don't forget to remove padding from your list:

ul.nav { padding: 0; }


- Bobby
__
css-discuss [css-d@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] UL or css table for navigation panel?

2011-03-21 Thread tedd 

At 6:27 PM -0500 3/20/11, Keith Purtell wrote:

I'm trying to create a navigation panel with six links. I want it to
appear as a horizontal rectangle with three links across the top
and three directly below (all centered on a page). I'm not sure whether
I should use my usual unordered list and then position the fourth, fifth
and sixth li's below the first three somehow, or  use a table. Yes,
I know one of the goals of CSS was to provide a method for structuring
Web pages that was superior to tables. But, Eric Meyer's reference has
an entire chapter on the correct use of CSS to build/style tables. What
do you all think?

 - Keith Purtell




Keith:

Just about anything you can think of in navigation can be found here:

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

Please investigate and find what you want.

After which, if you don't want to be forced into altering every 
navigation menu in every page when you make a change, you might want 
to review this:


http://sperling.com/examples/include-demo/


Cheers,

tedd

--
---
http://sperling.com/
__
css-discuss [css-d@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] UL or css table for navigation panel?

2011-03-21 Thread Joergen W. Lang 

Am 21.03.11 00:27, schrieb Keith Purtell:

I'm trying to create a navigation panel with six links. I want it to
appear as a horizontal rectangle with three links across the top
and three directly below (all centered on a page). I'm not sure whether
I should use my usual unordered list and then position the fourth, fifth
and sixth li's below the first three somehow, or  use a table. Yes,
I know one of the goals of CSS was to provide a method for structuring
Web pages that was superior to tables. But, Eric Meyer's reference has
an entire chapter on the correct use of CSS to build/style tables. What
do you all think?


I think an unordered list and a little CSS magic could do the trick.
Given the following markup:




Link 1
Link 2
Link 3
Link 4
Link 5
Link 6 


Then you *could* use these rules to make you links behave as desired:

ul.nav {
margin: auto; /* center list */
list-style: none; /* remove bullets */
width:  20em; /* give it an explicit width */
}

ul.nav li {
display:inline-block; /* redefine display role */
width:  33%;  /* one third the width of the list */
}

The trick is to make creative use of the /width/ property. First, we 
give the list an explicit width. This way we can use /margin: auto/ to 
center it horizontally.


The next step is to use /width/ on the list items themselves. Here we 
define their width to be *one third* (33%) of the containing block (the 
). This way three list items will fit the width of the list. The 
next three items are forced below.


When defining borders, margins, or padding on the list items, their 
width needs to be adjusted appropriately.


Tested in S4/FF3.6/C10

hope this this helps,

Jørgen
__
css-discuss [css-d@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] Styling a video gallery (and apologies)

2011-03-21 Thread Gabriele Romanato 





First of all, I'd like to say that I'm awful sorry for the flames and  
my stupid behavior on my last post on IE.

I'd like to apologize with people that may have felt offended by me.
I got a serious attitude problem, plus I'm Italian... so you got my  
picture: an impulsive, immature, spoiled guy. :-)




---

I was wondering if it was possible to apply the same CSS techniques of  
fluid image galleries to video galleries. I just made this test:


http://onwebdev.blogspot.com/2011/03/css-styling-video-gallery.html

Btw, do you know some server-side script to speed up the video  
rendering? It's very slow, though I've used the same file 4 times. :-(


 behaves like a  friendly inline-block, replaced element, as  
usual, but you have to specify the width and height attributes to make  
it appear on the page without styles. Further, styles have no effect  
if you don't use these attributes. As such,  differs greatly  
from ... so I frankly asked myself what was the point of XHTML  
2.0 of having something like this:




Anyway, as always, criticisms, suggestions are welcome!


HTH :-)

Gabriele Romanato






http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/  (English)
http://www.css-zibaldone.com/articles/  (English)
http://onwebdev.blogspot.com/  (English)








__
css-discuss [css-d@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] IE8 Problem with background in Zen Cart revisited

2011-03-21 Thread Barney Carroll 
On 21 March 2011 04:05, Al Sparber  wrote:
> On 3/21/2011 12:01 AM, Carol Swinehart wrote:
>> Included an IE7 emulate script in the head of the document and all the
>> problems with IE8 backgrounds went away.
>
> That is usually not a good solution ;-)...especially for IE9 users. Better
> to fix the problem in IE8 when it is in standards mode. And you meant meta
> tag and not "IE7 emulate script" I hope?

Heh. Maybe a backend UA sniffer that serves emulate IE7 meta tags to
IE8 but not 9? ;)

Carol, I lost the original problem page. Can you republish a test case?


Regards,
Barney Carroll

barney.carr...@gmail.com
07594 506 381
__
css-discuss [css-d@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/