Re: [css-d] CSS color declaration not working!

2009-06-28 Thread David Hucklesby
Philippe Wittenbergh wrote:
> On Jun 29, 2009, at 11:54 AM, Linda Quinn wrote:
> 
>> CSS color declaration not working!
>> 
[...]
>> 
>> The page can be seen at:
>> http://www.melvillekidsdentistry.com/beta2/index.html (note that
>> this is up as a sample and linked pages are not present).
> 
> It is a question of specificity.
> 
> these are the 2 selectors that apply: #header ul#navlist li a:visited
> --> specificity: 213 /* in all_pages.css */ #header ul#navlist a.main
> --> specificity: 212 /* in menu_select.css */
> 
> the first one wins and color:#336699; is used by the browser
> 

At the risk of stating the obvious, I'll note that the color for a 
visited link won't show until that address has been visited - hence the 
differences you noted from browser to browser.

I only mention this because there is a handy option in the Web Developer 
toolbar that lets you mark all links in a page as visited or not 
visited. It's the last option under "Miscellaneous".

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/


Re: [css-d] CSS active/focus Effects on Form Submit Buttons?

2009-06-28 Thread David Hucklesby
Greg Wilker wrote:
> Is it possible to have mouse over effects with ONLY CSS on a form
> input "submit" element?
> 
> (form at very bottom of page: http://store.stoptheft.com/HTN/)
> 

Not sure what you are after here, Greg. The subject line refers to
active/focus, but these don't necessarily involve a mouse. Looking at
you code to figure out what you are after, I don't see *any* CSS rules
for :hover, :focus, or :active - what were you hoping for?

Generally speaking, submit type input elements respond to :hover,
:focus, and :active rules in the CSS, except for IE before version 7,
which only responds on anchor links.

Browsers are fairly limited in what styles can be applied to form
elements, particularly in the case of older browsers. So you'll have to
tell us more about what you want to do.

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/


Re: [css-d] IE problem - floats won't align

2009-06-28 Thread David Hucklesby
> On 29/06/2009, at 3:53 AM, Rod Castello wrote:
> 
>> 
>> This isn't related to your float problem, but I noticed that the 
>> background color that shows on your header image (just behind the 
>> upper rounded corners) doesn't match the body background color when
>> I view it in Firefox 3, but matches in Safari 3. Why does this 
>> happen? Is there a way to correct it? Rod Castello
>> 
Chris Blake responded:
> 
> in illustrator it's #66 but in safari i had to change bground to 
> #5 to get a closer match. file type difference maybe? not had 
> this problem before.
> 

This sounds like a problem with the color profile used by Illustrator.
See this article for an explanation:

http://www.gballard.net/psd/srgbforwww.html

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/


Re: [css-d] CSS color declaration not working!

2009-06-28 Thread Philippe Wittenbergh

On Jun 29, 2009, at 11:54 AM, Linda Quinn wrote:

> CSS color declaration not working!
>
>
> I have been using a CLASS tag as a method of highlighting a menu item
(nitpick: you mean class attribute or selector)

> to denote that the page being viewed. All of a sudden the color
> declaration in parts of the code is not working in Safari & Firefox.
> It appears to be working in IE 8 - haven't checked 7 or lower yet.
> ...
>
> The page can be seen at: http://www.melvillekidsdentistry.com/beta2/index.html
>  (note that this is up as a sample and linked pages are not present).

It is a question of specificity.

these are the 2 selectors that apply:
#header ul#navlist li a:visited  --> specificity: 213 /* in  
all_pages.css */
#header ul#navlist a.main --> specificity: 212 /* in menu_select.css */

the first one wins and color:#336699; is used by the browser

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] CSS color declaration not working!

2009-06-28 Thread Linda Quinn
CSS color declaration not working!


I have been using a CLASS tag as a method of highlighting a menu item  
to denote that the page being viewed. All of a sudden the color  
declaration in parts of the code is not working in Safari & Firefox.  
It appears to be working in IE 8 - haven't checked 7 or lower yet.

The CSS code:


#header ul#navbar a.top {
color:#f1e1bc;;
padding:.36em;
font-size:1.3em;
}

#header ul#navbar a.top:hover {
color:#f1e1bc;
padding:.36em;
background-color:transparent;
}

#header ul#navlist a.main {
color:#39c;
padding:.36em;
font-size:1.3em;
}

#header ul#navlist a.main:hover {
color:#39c;
padding:.36em;
background-color:transparent;

}

#footer a.foot{
background-color:transparent;
color:#39c;
font-size:1.2em;
}

The page can be seen at: http://www.melvillekidsdentistry.com/beta2/index.html 
  (note that this is up as a sample and linked pages are not present).

The first two declaration blocks (#header ul#navbar) work, but are not  
active on the linked page. The last one (#footer) is at the bottom of  
the page and works.

The middle  two are the problem (#header ul#navlist). In a.main the  
color does not work, but the padding & font-size do. In a.main:hover  
the color works, but not the padding. I know I must have done  
something to cause this problem, but I have tried every combination  
and I cannot figure it out.

Thanks for any suggestions. LindaQ
Linda Quinn
www.digitalquinn.com

"Photography takes an instant out of time, altering life by holding it  
still." Dorothea Lange

__
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] Alignment Issue

2009-06-28 Thread David Laakso
J.M. Knowles wrote:
> http://www.extravaganzacreative.com/work/whitney/demo1/
>
> On my nav bar I use the class "location" to display a blue tab.  I have 
> set the height, width, padding and margins the same as the "#nav a" 
> elements that make the links in the rest of the menu.  However - the 
> text appears a bit lower (I am viewing on a Mac with Firefox 3 and 
> Safari 3 and the image I use for my location "tab" hangs below the other 
> items in navigation.  Can someone please tell me what is going on 
> because I would love to understand it.
>   






This seemed to help on a local file in Mac OS X 10.4.11: Opera/10b 
(6522), FF/3.5, Safari/4. Try it on your end and see what you think. 
BTW, you've used font-weight: bolder; twice in that declaration.
.location {
background-image:url(Button00.png); < :: delete ::
background:url(Button00.png) no-repeat; 

Re: [css-d] Alignment Issue

2009-06-28 Thread David Laakso
J.M. Knowles wrote:
> David Laakso wrote:
>> This seemed to help on a local file in Mac OS X 10.4.11: Opera/10b 
>> (6522), FF/3.5, Safari/4. Try it on your end and see what you think. 
>> BTW, you've used font-weight: bolder; twice in that declaration.
>> .location {
>> background-image:url(Button00.png); < :: delete ::
>> background:url(Button00.png) no-repeat; > margin-top: -1px;  < ::add }
>
> Thanks for catching that extra font weight.  This works - any idea why?





Sorry. No clue. Hang on. Someone else who has a clue may come along with 
a better solution along with a technical explanation.


















>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>
>

__
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] Alignment Issue

2009-06-28 Thread J.M. Knowles
David Laakso wrote:
> This seemed to help on a local file in Mac OS X 10.4.11: Opera/10b 
> (6522), FF/3.5, Safari/4. Try it on your end and see what you think. 
> BTW, you've used font-weight: bolder; twice in that declaration.
> .location {
> background-image:url(Button00.png); < :: delete ::
> background:url(Button00.png) no-repeat;  margin-top: -1px;  < ::add }

Thanks for catching that extra font weight.  This works - any idea why?
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>

__
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] CSS active/focus Effects on Form Submit Buttons?

2009-06-28 Thread Greg Wilker
Is it possible to have mouse over effects with ONLY CSS on a form input 
"submit" element?

(form at very bottom of page: http://store.stoptheft.com/HTN/)

TIA,
Greg 

__
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] Centering floated elements ?

2009-06-28 Thread Tim Snadden

On 26/06/2009, at 10:36 PM, MEM wrote:
>>
> A little offtopic: Before IE8 I was having a emulation from MS to  
> IE6 on
> IE7. But now, despite using sites that work with screen shoots, is  
> there any
> other way to test IE6 rendering? What about ie7?


I use a mac so I have several versions of XP running through VMWare,  
each with their own version of IE. You can also do this under windows  
(run a virtual machine).

There are other solutions such as http://tredosoft.com/Multiple_IE and 
http://www.sitepoint.com/blogs/2009/03/19/microsoft-superpreview-website-tester/

I've tried the tredosoft one a while back and it was pretty good but  
there were a couple of instances where things weren't exactly right. I  
seem to remember some javascript differences.

> About the code:
>
> 1)
> On the .dialog class:
> do I need this line?
> z-index: 1;  Or a well structural div hierarchy can deal with it ?

I haven't really looked into this. I guess I was assuming that the  
author had looked into it and that it was necessary. It establishes a  
stacking context for the divs inside it but you could experiment with  
removing it.

> 2)
> On .dialog .content class:
> zoom:1;
> _overflow-y:hidden;
> The zoom:1 is a hack for the haslayout issue on IE I presume, the  
> underscore
> also an hack.
> Can I move those to a conditional statement ?

Absolutely. That's what I would do. As I said, I just copied his  
example and modified it. Once you've got it working correctly then you  
can refine it and tidy things up.

> 3)
> On .dialog .wrapper class*:
> I've commented this line:
> text-align: left;
>
> Nothing changes. What was is propose? Was it there for older browsers?

You need to reset to text-align: left on .wrapper because .content is  
text-align: center and it will inherit from that.

Cheers, Tim

__
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] Layer positioning problem with page link

2009-06-28 Thread Tim Snadden

On 27/06/2009, at 1:09 PM, Carol Swinehart wrote:

> http://www.betteroutdoorlivingathome.com/testing/test2.html
>
> Original message
>
> Test page validates but dropdown buttons are below the text in the  
> blue
> area in IE, other browsers work correctly.
>
> Tried to apply the ie7 and ie8.js files to page but that didn't help


z-index seems harder to understand than it is because of IE's awful z- 
index bugs. People often throw these incredibly high z-index values  
into their stylesheets in the vain hope that it will force IE to work  
like a normal browser.

The fix in this case is to give #topNavigation 'position: relative'.

It works correctly in IE8, apart from the last item where the content  
of the submenu overflows. This is also the case in IE7 & IE6.

Cheers, Tim
__
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] Alignment Issue

2009-06-28 Thread J.M. Knowles
http://www.extravaganzacreative.com/work/whitney/demo1/

On my nav bar I use the class "location" to display a blue tab.  I have 
set the height, width, padding and margins the same as the "#nav a" 
elements that make the links in the rest of the menu.  However - the 
text appears a bit lower (I am viewing on a Mac with Firefox 3 and 
Safari 3 and the image I use for my location "tab" hangs below the other 
items in navigation.  Can someone please tell me what is going on 
because I would love to understand it.
__
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] wrapper expands at bottom of page, how to limit height

2009-06-28 Thread Tim Snadden

On 29/06/2009, at 8:42 AM, Debbie Campbell wrote:

> On this page:
>
>> http://www.redkitecreative.com/projects/fink/index.php
>
> When the page first loads, the white wrapper area at the bottom will
> expand downward when the browser window is enlarged. This happens in  
> FF,
>  Safari/Win, IE6/7/8 and Opera. I tried putting a height on the  
> wrapper
> in the home page but that didn't fix it, I'd appreciate your  
> suggestions.

It depends on how you want the page to behave. Is this the type of  
thing you were after? http://themaninblue.com/writing/perspective/2005/08/29/ 
.

The reason that you always need to scroll to show the footer is that  
#wrapper is set to a min-height of 100% (combined with html & body  
being set to height: 100%).

You may want to have a look at z-index as there are a couple of rules  
that seems unusual and unnecessary. 
(http://reference.sitepoint.com/css/stacking 
).

Cheers, Tim
__
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] wrapper expands at bottom of page, how to limit height

2009-06-28 Thread Debbie Campbell
On this page:

> http://www.redkitecreative.com/projects/fink/index.php

When the page first loads, the white wrapper area at the bottom will 
expand downward when the browser window is enlarged. This happens in FF, 
  Safari/Win, IE6/7/8 and Opera. I tried putting a height on the wrapper 
in the home page but that didn't fix it, I'd appreciate your suggestions.

-- 
Debbie
__
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] IE problem - floats won't align

2009-06-28 Thread Chris Blake


On 29/06/2009, at 3:53 AM, Rod Castello wrote:

>
>
>
> --- On Sun, 6/28/09, David Laakso   
> wrote:
>
> From: David Laakso 
> Subject: Re: [css-d] IE problem - floats won't align
> To: "Chris Blake" 
> Cc: "css discuss discuss" 
> Date: Sunday, June 28, 2009, 6:16 PM
>
> Chris Blake wrote:
>> I think I have fixed it now - feedback please.
>>
>>
>>
>>> http://www.glyszc.cn/tours.html
>>>
>
>
>
> 2:17p
>
> O.K. Firefox, Opera, Camino, SeaMonkey, IE/6/7/8. Validate the CSS  
> (and
> markup).
> ___
>
> This isn't related to your float problem, but I noticed that the  
> background color that shows on your header image (just behind the  
> upper rounded corners) doesn't match the body background color when  
> I view it in Firefox 3, but matches in Safari 3. Why does this  
> happen? Is there a way to correct it?
> Rod Castello
>

in illustrator it's #66 but in safari i had to change bground to  
#5 to get a closer match. file type difference maybe? not had this  
problem before.

>
> ___
> 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-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] IE problem - floats won't align

2009-06-28 Thread Rod Castello



--- On Sun, 6/28/09, David Laakso  wrote:

From: David Laakso 
Subject: Re: [css-d] IE problem - floats won't align
To: "Chris Blake" 
Cc: "css discuss discuss" 
Date: Sunday, June 28, 2009, 6:16 PM

Chris Blake wrote:
> I think I have fixed it now - feedback please.
>
>
>   
>> http://www.glyszc.cn/tours.html
>>     



2:17p

O.K. Firefox, Opera, Camino, SeaMonkey, IE/6/7/8. Validate the CSS (and 
markup).
___

This isn't related to your float problem, but I noticed that the background 
color that shows on your header image (just behind the upper rounded corners) 
doesn't match the body background color when I view it in Firefox 3, but 
matches in Safari 3. Why does this happen? Is there a way to correct it?
Rod Castello


___
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] Photo Gallery Css error help

2009-06-28 Thread datalova
Hello,
I have a nice photo gallery with a block of thumbnails on the left side and a 
display block on the right. My problem is that some of my images are big and 
display very large and go off the page. Some are horizontal and some are 
vertical. How can I get it so that onhover and click they auto fit in the box. 
My container is 1020px w x 600px H.all the pics have the same W measurement: 
675px.. so I'm not sure why this is happening.. When I right click the 
thumbnail... it is the size it should be.. but when I hover over it, the 
horizontal images are huge. All the vertical pics display properly.
 
I don't have it online yet...

Thank you for your help!
Best,
Pam

Here is my code ...


#gallery {
 width:1020px;
 height:600px;
 padding:10px;
 border:1px solid #333;
 background: #9EAFC3;
 position:relative;
 margin-bottom:20px;
}
#gallery b.default {
 position:absolute;
 right:15px;
 top:18px;
 width:548px;
 height:380px;
 text-align:center;
}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px 
solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, 
sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul {list-style:none; padding:0; margin:0; width:240px; 
position:relative; float:left;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 
0px 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; 
border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; 
background:#777;}
#gallery ul li a:hover b {position:absolute; right:-548px; top:0; width:auto; 
height:380px; text-align:center; background:#9EAFC3; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, 
arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 
auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:524px; 
border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; 
border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; 
right:-548px; top:0; width:548px; height:380px; text-align:center; 
background:#9EAFC3; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; 
color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; 
font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px 
auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd 
#eee #333;}
body,td,th {
 font-family: Papyrus;
}
body {
 background-color: #9EAFC3;
}

__
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] IE problem - floats won't align

2009-06-28 Thread David Laakso
Chris Blake wrote:
> I think I have fixed it now - feedback please.
>
>
>   
>> http://www.glyszc.cn/tours.html
>> 



2:17p

O.K. Firefox, Opera, Camino, SeaMonkey, IE/6/7/8. Validate the CSS (and 
markup).
__
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] IE problem - floats won't align

2009-06-28 Thread Chris Blake

I think I have fixed it now - feedback please.


On 28/06/2009, at 11:50 PM, Chris Blake wrote:

> Hi,
>
> I am having trouble getting something very basic to render in IE.
>
> http://www.glyszc.cn/tours.html
> http://www.glyszc.cn/prices.html (pretty much the same page, with the
> same ID tags)
>
> http://www.glyszc.cn/styles/one.css
>
> Two simple columns in the main content. Render how I'd like in
> Safari4, but get messed up by IE.
>
> Safari-4 is OK, any other browsers out there, I would like the  
> feedback.
>
> Thanks, Chris
> __
> 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] IE problem - floats won't align

2009-06-28 Thread David Laakso
Chris Blake wrote:
> Hi,
>
> I am having trouble getting something very basic to render in IE.
>
> http://www.glyszc.cn/tours.html
>
> Two simple columns in the main content. Render how I'd like in  
> Safari4, but get messed up by IE.
>
>
> Thanks, Chris
>   


This will should help bring Opera, SeaMonkey, Camino, and IE/6/7/8 on-board.

.twoColFixLtHdr #mainContent {  border: 1px solid red; overflow:hidden;
/*margin: 0 100 0 190px;*/
/*padding: 0 100px; */
}
.twoColFixLtHdr #mainContent #shows {  border: 1px solid red; 
overflow:hidden; width: 408px;
/*width: 550px;*/
/*height: 200px;*/
}
.twoColFixLtHdr #mainContent #shows img{ border: 1px solid red;
float: left;
margin-bottom: 5px;
}
.twoColFixLtHdr #mainContent #shows #left{ border: 1px solid blue; 
width: 150px;
float: left;
}
.twoColFixLtHdr #mainContent #shows #right{ border: 1px solid red;width: 
150px;
float: right;
}

To fix the left column navigation block, you will need to validate the 
CSS (try shorthand properties).
BTW, Conditional Comments go in the head of the document immediately 
below the linked style sheet-- *not in the style sheet.*


__
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] IE problem - floats won't align

2009-06-28 Thread Chris Blake
Hi,

I am having trouble getting something very basic to render in IE.

http://www.glyszc.cn/tours.html
http://www.glyszc.cn/prices.html (pretty much the same page, with the  
same ID tags)

http://www.glyszc.cn/styles/one.css

Two simple columns in the main content. Render how I'd like in  
Safari4, but get messed up by IE.

Safari-4 is OK, any other browsers out there, I would like the feedback.

Thanks, Chris
__
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] [off-topic] Matilde, a new future member of css-d

2009-06-28 Thread David McGlone
On Sunday 28 June 2009 04:21:34 am Gabriele Romanato wrote:
> At 8:34 AM of Saturday, 28 June 2009, my little nephew Matilde was born.
> I'd like to share my happiness with you, because I regard
> you as my extended family. I hope she'll become involved with the web when
> she's older.. but not a net slave, of course!
> Please welcome Matilde, a great joy in what once was a dull life for me!

Congratulations.

-- 
Blessings,
David M.
http://www.dmcentral.net
__
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] [off-topic] Matilde, a new future member of css-d

2009-06-28 Thread Gabriele Romanato
At 8:34 AM of Saturday, 28 June 2009, my little nephew Matilde was born. I'd
like to share my happiness with you, because I regard
you as my extended family. I hope she'll become involved with the web when
she's older.. but not a net slave, of course!
Please welcome Matilde, a great joy in what once was a dull life for me!

bye

Gabriele


-- 
http://www.css-zibaldone.com/
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://dev.css-zibaldone.com/  (English)
__
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/