[css-d] Site Check PLEASE

2007-08-11 Thread Hairball
I added photo gallery please give pointer on what to improve .
Thanks
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Why does font-size not work?

2007-08-11 Thread Robert Tilley
I have the following page:

html

head
style
p { color: white; font-size: large; }
/style
/head

body

div style=color: white; font-size: large;
pSample text of a large size./p
/div

/body
/html

The sample text does not display in large size.  If a style is applied to the 
inner paragraph (p style=font-size: large;) it does display large.

Why doesn't the font-size apply from the definition at the beginning?

Thanks, Bob
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Why does font-size not work?

2007-08-11 Thread Jukka K. Korpela
On Sat, 11 Aug 2007, Robert Tilley wrote:

 style
 p { color: white; font-size: large; }
 /style
 /head

 body

 div style=color: white; font-size: large;
 pSample text of a large size./p
 /div

I don't see the point here, and neither do I see the problem you describe:

 The sample text does not display in large size.

It does when I test with your code. Is there something else on your real 
test page? As usual, specifying a URL and the browser(s) tested would help 
a lot.

In particular, the presence and exact spelling of the doctype declaration 
is essential in the sense that it affects the meaning of font size 
keywords on IE. (See http://www.cs.tut.fi/~jkorpela/quirks-mode.html )

-- 
Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Why does font-size not work?

2007-08-11 Thread David Laakso

 On Sat, 11 Aug 2007, Robert Tilley wrote:

   
 style
 p { color: white; font-size: large; }
 /style
 /head

 body

 div style=color: white; font-size: large;
 pSample text of a large size./p
 /div
 

It works. Perhaps you do not see it because there is no point of reference?
Try:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=content-type
content=text/html; charset=utf-8 /
titlelarge/title
style type=text/css
body {color: #000; background-color: #fff; }
p.c1 {font-size: large; }
/style
/head
body
div
pSample text at user default./p
p class=c1Sample text of a large size./p
/div
/body
/html


Best,
~dL




http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] drop down menu problem ? CSS or JS issue

2007-08-11 Thread Peter Elias
(Disclaimer: I'm probably in over my head here. But willing to work and learn.)

I'm using DynaMenu to generate a drop down horizontal menu bar in a 
PostNuke site. This has worked fine for me on a previous site, where 
the drop downs line up correctly:

http://www.virtualpooh.com/pn/index.php

However, I have installed the same version of DynaMenu on a new site 
using the same version of PostNuke and I am getting a different 
result - which I assume is a result of different style sheets. I have 
spent some time playing in order to sort this out - and have learned 
a great deal - but I haven't solved this particular problem.

On this site:

http://www.fhcaweb.dreamhosters.com/index.php

The drop downs line up fine on my Mac in both in Safari 2 and OmniWeb 
5.5.4  - but NOT on my Mac in IE 5.2, FireFox 2 or Netscape 7, and 
not on a PC with Firefox or IE6, where the drop downs do not appear 
as a just big enough box under the selected item but appear as wide 
boxes starting all the way to the left, and with the third level 
submenu overlapping the second level submenu.

Since the primary difference between the two sites is a different 
theme, with its theme specific CSS, I am assuming this is a CSS issue 
- but I am not able to find it or fix it. Though I've tinkered a 
bunch and found out how and where to change a number of other 
things

The css file is at:

http://www.fhcaweb.dreamhosters.com/style.css

I'd love any pointers.

Peter Elias, MD
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] drop down menu problem ? CSS or JS issue

2007-08-11 Thread Ingo Chao
Peter Elias wrote:
 http://www.virtualpooh.com/pn/index.php

here, there is a general ruleset for table, div
table, div {...} without a width setting.

But
   http://www.fhcaweb.dreamhosters.com/index.php
here,

the table and the dynamenu table rules both apply a width of 90%.


The drop down is basically a table within an absolutely positioned div.

This a.p. div has no width, so it should shrink-to-fit.

But what exactly is shrink-to-fit, if the element inside demands 90% 
width? Undefined, I'd say.

So this is the reason why the browsers you've tested show different 
results.

Be careful with general rules like table {width: 90%}, it leads to 
disaster. Be more specific, apply an #id for an unique element and 
classes for, ah, classes of elements.

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] site check please / hairball

2007-08-11 Thread btwien
This is a website I build a year or so ago:

http://www.carinainmali.nl

Funny isn't it? A little off topic though, sorry for that ;)

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] CSS Navigation problems (not your usual nav bar)

2007-08-11 Thread css
Hello,
I'm working an order page of sorts which I have dubbed the Tower of
Power. An example of this is located here:
http://yummygreenbeans.com/sandbox/

I have set this up using an unordered list (an ordered list would be
semantically correct I suppose). It looks and functions correctly in
Firefox however in both IE 6  7 it falls apart.  This page will not be
for public consumption (only registered users) therefore SEO isn't a
factor however, I would like to build it the right way.

If any of you have a solution to the IE problems I would very much like to
read it.  If you have an altogether better solution on how to build this
page I'd love to read that too.

Thanks in advance!

-JF

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] drop down menu problem ? CSS or JS issue

2007-08-11 Thread Peter Elias
At 9:08 PM +0200 8/11/07, Ingo Chao wrote:

here,...there is a general ruleset for table, div
table, div {...} without a width setting.

But here...

the table and the dynamenu table rules both apply a width of 90%.


The drop down is basically a table within an absolutely positioned div.

This a.p. div has no width, so it should shrink-to-fit.

But what exactly is shrink-to-fit, if the element inside demands 90% 
width? Undefined, I'd say.

So this is the reason why the browsers you've tested show different results.

Be careful with general rules like table {width: 90%}, it leads to 
disaster. Be more specific, apply an #id for an unique element and 
classes for, ah, classes of elements.

Ingo

Thanks in a big way. With your pointer and a reference (and some 
trial and error) the issue is resolved.

Now that it works, time to make it look decent

Peter



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/