Re: [css-d] The Simpsons in CSS

2013-11-13 Thread Theresa Jennings
Yeah, it came up as a 404 for me, and I'm the one who started this thread. Oh, 
well. It was cool.


On Nov 13, 2013, at 11:28 AM, Greg Gamble wrote:

> http://pattle.github.io/simpsons-in-css/  is 404?
> 

__
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] The Simpsons in CSS

2013-11-12 Thread Theresa Jennings
I think they're more proof of concept than anything else.



__
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] The Simpsons in CSS

2013-11-11 Thread Theresa Jennings
Deconstruct at your leisure.

http://pattle.github.io/simpsons-in-css/

I had no idea CSS could do this. I need to get out more.

__
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] Start at the bottom!

2013-10-09 Thread Theresa Jennings
Can this now be considered off-topic and not germane to the art and science of 
CSS? Let's all get back to coding, k?
__
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] Front page breaking in IE8, maybe 9 too

2013-10-08 Thread Theresa Jennings
Well, I fixed it in IE8. I'm not going to worry about IE7. Here's my code:

@media all {
  
  #ie8 #iconsRectangle .wp-image-1144 {
margin-right: .2em;
  }
  
  #ie8 #homeBottWrapper {
width: 100%;
margin-top: -20px;
  }

  #ie8 .home .content-home-right {
float: left;
width: 73%;
}
}

I'm not worried about the responsiveness in IE8. If someone has a tablet or 
iPad or mobile phone, they're not using IE8.

Thank you so much for your patient help!!! Client will be happy.

It wasn't the guy who coded the page (I think he did an awesome job), it's what 
the client wanted. I told the client IE7 was unlikely, so I lowered his 
expectations for that. He was cool with it.



On Oct 8, 2013, at 8:59 PM, Alan Gresley wrote:

> On 9/10/2013 2:02 PM, Theresa Jennings wrote:
>> I think I'm going to talk to the guy who coded this custom home page,
>> because even though I coded the child theme style sheet by hand, you
>> are talking over my head.
>> 
>> Thank you for your efforts. I really appreciate it.
> 
> What Tom is meaning is that you may have access to the code between  
> and . If so, that's where the embedded conditional comment  is. A good read.
> 
> http://en.wikipedia.org/wiki/Conditional_comment
> 
>>> On Tue, Oct 8, 2013 at 10:29 PM, Theresa Jennings
>>>  wrote:
>>>> Except, as I mentioned, the images are 308px, not 300.
> 
> True but it can be changed via the CSS. You may only need to change it to 
> 304px. There are many fixes for what ever problems there are. It a later type 
> of hacking (quite lazy) where you just throw many little tweaks to have IE8 
> or IE7 render correctly. Since it a WordPress theme, the HTML is already over 
> complex and this makes debugging problematic. You can hack IE8 with CSS alone 
> but I do not recommended it because you are putting extra styling on top of 
> styling and some of the CSS hacking may effect, IE9 and IE10. IE10 does not 
> support conditional comments.
> 
> If you HTML is friendly and you CSS is not over complex, then it easy to code 
> and only have to hack IE7 or earlier. The recent culture of striving for 
> support of IE7 or HTML5 is adding new problems for the future. So when you do 
> talk with guy who coded this custom home page, you may want to advice him of 
> this.
> 
> Alan
> 
> -- 
> Alan Gresley
> http://css-3d.org/
> http://css-class.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] Front page breaking in IE8, maybe 9 too

2013-10-08 Thread Theresa Jennings
I think I'm going to talk to the guy who coded this custom home page, because 
even though I coded the child theme style sheet by hand, you are talking over 
my head.

Thank you for your efforts. I really appreciate it.


On Oct 8, 2013, at 7:31 PM, Tom Livingston wrote:

> Sorry. I was referring to adding the ie7 specific right margin
> adjustment to the head.
> 
> On Tue, Oct 8, 2013 at 10:29 PM, Theresa Jennings
>  wrote:
>> Except, as I mentioned, the images are 308px, not 300.
>> 
>> 
>> On Oct 8, 2013, at 7:25 PM, Tom Livingston wrote:
>> 
>>> Could add the style in the head? Usually we have access to header.php...
>>> 
>>> On Tue, Oct 8, 2013 at 10:22 PM, Theresa Jennings
>>>  wrote:
>>>>> 
>>>>> Do you have access to this Conditional comment? 
>>>>> 
>>>>> If so, put the following in the embeded style.
>>>> 
>>>> I can't access the embedded style unless I dig into the PHP.
>>>> 
>>>>> 
>>>>> #iconsRectangl .wp-image-1102 { width: 300px; }
>>>> 
>>>> Except the image is 308px wide. Like the other two images are.
>>>> 
>>>>> 
>>>>> #homeBottWrapper .content-home-right {width: 73% }
>>>>> 
>>>>> Hope this helps.
>>>>> 
>>>>> 
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Front page breaking in IE8, maybe 9 too

2013-10-08 Thread Theresa Jennings
Except, as I mentioned, the images are 308px, not 300.


On Oct 8, 2013, at 7:25 PM, Tom Livingston wrote:

> Could add the style in the head? Usually we have access to header.php...
> 
> On Tue, Oct 8, 2013 at 10:22 PM, Theresa Jennings
>  wrote:
>>> 
>>> Do you have access to this Conditional comment? 
>>> 
>>> If so, put the following in the embeded style.
>> 
>> I can't access the embedded style unless I dig into the PHP.
>> 
>>> 
>>> #iconsRectangl .wp-image-1102 { width: 300px; }
>> 
>> Except the image is 308px wide. Like the other two images are.
>> 
>>> 
>>> #homeBottWrapper .content-home-right {width: 73% }
>>> 
>>> Hope this helps.
>>> 
>>> 
>>> 
>>> --
>>> Alan Gresley
>>> http://css-3d.org/
>>> http://css-class.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/
> 
> 
> 
> -- 
> 
> Tom Livingston | Senior Front-End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Front page breaking in IE8, maybe 9 too

2013-10-08 Thread Theresa Jennings
> 
> Do you have access to this Conditional comment? 
> 
> If so, put the following in the embeded style.

I can't access the embedded style unless I dig into the PHP.

> 
> #iconsRectangl .wp-image-1102 { width: 300px; }

Except the image is 308px wide. Like the other two images are.

> 
> #homeBottWrapper .content-home-right {width: 73% }
> 
> Hope this helps.
> 
> 
> 
> -- 
> Alan Gresley
> http://css-3d.org/
> http://css-class.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] Front page breaking in IE8, maybe 9 too

2013-10-08 Thread Theresa Jennings
This is a responsive theme. It will start to job at a narrower viewport. But 
when looked at on a tablet and a cell phone, it works fine.


On Oct 8, 2013, at 7:14 PM, Chris Rockwell wrote:

> Just taking a look. I don't have IE7 where I'm at but the 30% !important with 
> a margin is sure to break somewhere.  It is jogging at narrow viewport as 
> well on Chrome and FF.  With IE7, I'm guessing it has something to do with 
> the box-model.  
> 
> 
> On Tue, Oct 8, 2013 at 9:36 PM, Tom Livingston  wrote:
> So, how to fix... like you asked... ;-)
> 
> You have conditionals on your HTML element. Feed IE7 a different
> margin-right on those two img elements.
> 
> HTH!
> 
> On Tue, Oct 8, 2013 at 8:59 PM, Theresa Jennings
>  wrote:
> > It looks fine in IE9. I found a website, http://netrenderer.com/ that 
> > helped.
> >
> > S, how do I hack this to make it work in IE8 (and maybe 7)?
> >
> > I'm on a Mac, running FF, Chrome, Safari.
> >
> >
> >
> > On Oct 8, 2013, at 5:42 PM, Tom Livingston wrote:
> >
> >> If it showed the issue, it might help see the problem as the OP doesn't 
> >> currently have access to 9. An iffy solution at best but better than 
> >> sitting idle waiting for the list to reply.
> >>
> >> Sent from my iPhone
> >>
> >> On Oct 8, 2013, at 8:06 PM, Chris Rockwell  wrote:
> >>
> >>> FWIW Tom, my past discussions with you in particular have resulted in my 
> >>> realization that those browser modes are not to be trusted.
> >>>
> >>> On Oct 8, 2013 7:49 PM, "Tom Livingston"  wrote:
> >>> You could see if the problem appears using the browser modes in the ie10 
> >>> F-12 tools. Just a thought. Not near my VMs right now.
> >>>
> >>> Sent from my iPhone
> >>>
> >>> > On Oct 8, 2013, at 6:40 PM, Theresa Jennings 
> >>> >  wrote:
> >>> >
> >>> > http://girlscoutssangorgonio.org
> >>> >
> >>> > The client just informed me that the "Alumnae" box is jogging down. I 
> >>> > imagine some sort of older IE padding bug.
> >>> >
> >>> > It's working fine  in IE10, FF, Safari, Chrome. I don't have an 
> >>> > installation of IE9, just 10 (Win7 on my VM), and 7 and 8 (on WinXP on 
> >>> > my VM).
> >>> >
> >>> > This is a WordPress site, but the front page is its own php file in a 
> >>> > child theme.
> >>> >
> >>> > I'm pretty certain this can be fixed with a CSS hack. I just don't know 
> >>> > how to do hacks.
> >>> >
> >>> > Can someone give me some guidance, please? And look at it on IE9 and 
> >>> > see if it's breaking there, too? Should there be a hack for 7, too?
> >>> >
> >>> > Thank you in advance for your help.
> >>> >
> >>> > Theresa Jennings
> >
> > __
> > 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/
> 
> 
> 
> --
> 
> Tom Livingston | Senior Front-End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/
> 
> 
> 
> -- 
> Chris Rockwell

__
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] Front page breaking in IE8, maybe 9 too

2013-10-08 Thread Theresa Jennings
I'm going to have to track all this down, because this is a custom WordPress 
theme with a child theme and a custom home page.

I'll be back if I can't figure it out.

Thank you!


On Oct 8, 2013, at 6:47 PM, Tom Livingston wrote:

> To be clear, the page has conditional comments wrapping the HTML
> element to apply classes based on version of IE. There's one for 7, 8
> and 9. The classes being .ie7, .ie8 and .ie9 respectively.
> 
> You'd add those classes in front of selectors to attack specific
> versions of IE, as shown in the snippet I sent earlier.
> 
> On Tue, Oct 8, 2013 at 9:42 PM, Theresa Jennings
>  wrote:

__
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] Front page breaking in IE8, maybe 9 too

2013-10-08 Thread Theresa Jennings
I can add a conditional statement to the style sheet in the child theme. But 
it's not embedded.

See if I can track it down in the parent theme.


On Oct 8, 2013, at 6:08 PM, Alan Gresley wrote:

> On 9/10/2013 9:40 AM, Theresa Jennings wrote:
>> http://girlscoutssangorgonio.org
>> 
>> The client just informed me that the "Alumnae" box is jogging down. I
>> imagine some sort of older IE padding bug.
> 
> I would not know. It is floated right and it has dropped but so has the div 
> with the class of "content-home-right". The later may have just run out of 
> room.
> 
>> It's working fine  in IE10, FF, Safari, Chrome. I don't have an
>> installation of IE9, just 10 (Win7 on my VM), and 7 and 8 (on WinXP
>> on my VM).
> 
> F12 tools shows that IE9 is fine (hoping). IE8 and IE7 is doing the same 
> thing wrong (as described above)
> 
>> This is a WordPress site, but the front page is its own php file in a
>> child theme.
>> 
>> I'm pretty certain this can be fixed with a CSS hack. I just don't
>> know how to do hacks.
> 
> CSS hacks are not good if you don't know how to do them. I don't even use the 
> for IE8.
> 
>> Can someone give me some guidance, please? And look at it on IE9 and
>> see if it's breaking there, too? Should there be a hack for 7, too?
>> 
>> Thank you in advance for your help.
>> 
>> Theresa Jennings
> 
> Do you have access to this Conditional comment? 
> 
> If so, put the following in the embeded style.
> 
> #iconsRectangl .wp-image-1102 { width: 300px; }
> 
> #homeBottWrapper .content-home-right {width: 73% }
> 
> Hope this helps.
> 
> 
> 
> -- 
> Alan Gresley
> http://css-3d.org/
> http://css-class.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] Front page breaking in IE8, maybe 9 too

2013-10-08 Thread Theresa Jennings
I would have no idea how to construct such a thing.

On Oct 8, 2013, at 6:36 PM, Tom Livingston wrote:

> So, how to fix... like you asked... ;-)
> 
> You have conditionals on your HTML element. Feed IE7 a different
> margin-right on those two img elements.
> 
> HTH!
> 
> On Tue, Oct 8, 2013 at 8:59 PM, Theresa Jennings
>  wrote:
>> It looks fine in IE9. I found a website, http://netrenderer.com/ that helped.
>> 
>> S, how do I hack this to make it work in IE8 (and maybe 7)?
>> 
>> I'm on a Mac, running FF, Chrome, Safari.
>> 
>> 
>> 
>> On Oct 8, 2013, at 5:42 PM, Tom Livingston wrote:
>> 
>>> If it showed the issue, it might help see the problem as the OP doesn't 
>>> currently have access to 9. An iffy solution at best but better than 
>>> sitting idle waiting for the list to reply.
>>> 
>>> Sent from my iPhone
>>> 
>>> On Oct 8, 2013, at 8:06 PM, Chris Rockwell  wrote:
>>> 
>>>> FWIW Tom, my past discussions with you in particular have resulted in my 
>>>> realization that those browser modes are not to be trusted.
>>>> 
>>>> On Oct 8, 2013 7:49 PM, "Tom Livingston"  wrote:
>>>> You could see if the problem appears using the browser modes in the ie10 
>>>> F-12 tools. Just a thought. Not near my VMs right now.
>>>> 
>>>> Sent from my iPhone
>>>> 
>>>>> On Oct 8, 2013, at 6:40 PM, Theresa Jennings 
>>>>>  wrote:
>>>>> 
>>>>> http://girlscoutssangorgonio.org
>>>>> 
>>>>> The client just informed me that the "Alumnae" box is jogging down. I 
>>>>> imagine some sort of older IE padding bug.
>>>>> 
>>>>> It's working fine  in IE10, FF, Safari, Chrome. I don't have an 
>>>>> installation of IE9, just 10 (Win7 on my VM), and 7 and 8 (on WinXP on my 
>>>>> VM).
>>>>> 
>>>>> This is a WordPress site, but the front page is its own php file in a 
>>>>> child theme.
>>>>> 
>>>>> I'm pretty certain this can be fixed with a CSS hack. I just don't know 
>>>>> how to do hacks.
>>>>> 
>>>>> Can someone give me some guidance, please? And look at it on IE9 and see 
>>>>> if it's breaking there, too? Should there be a hack for 7, too?
>>>>> 
>>>>> Thank you in advance for your help.
>>>>> 
>>>>> Theresa Jennings
>> 
>> __
>> 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/
> 
> 
> 
> -- 
> 
> Tom Livingston | Senior Front-End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Front page breaking in IE8, maybe 9 too

2013-10-08 Thread Theresa Jennings
It looks fine in IE9. I found a website, http://netrenderer.com/ that helped.

S, how do I hack this to make it work in IE8 (and maybe 7)?

I'm on a Mac, running FF, Chrome, Safari.



On Oct 8, 2013, at 5:42 PM, Tom Livingston wrote:

> If it showed the issue, it might help see the problem as the OP doesn't 
> currently have access to 9. An iffy solution at best but better than sitting 
> idle waiting for the list to reply.
> 
> Sent from my iPhone
> 
> On Oct 8, 2013, at 8:06 PM, Chris Rockwell  wrote:
> 
>> FWIW Tom, my past discussions with you in particular have resulted in my 
>> realization that those browser modes are not to be trusted.
>> 
>> On Oct 8, 2013 7:49 PM, "Tom Livingston"  wrote:
>> You could see if the problem appears using the browser modes in the ie10 
>> F-12 tools. Just a thought. Not near my VMs right now.
>> 
>> Sent from my iPhone
>> 
>> > On Oct 8, 2013, at 6:40 PM, Theresa Jennings 
>> >  wrote:
>> >
>> > http://girlscoutssangorgonio.org
>> >
>> > The client just informed me that the "Alumnae" box is jogging down. I 
>> > imagine some sort of older IE padding bug.
>> >
>> > It's working fine  in IE10, FF, Safari, Chrome. I don't have an 
>> > installation of IE9, just 10 (Win7 on my VM), and 7 and 8 (on WinXP on my 
>> > VM).
>> >
>> > This is a WordPress site, but the front page is its own php file in a 
>> > child theme.
>> >
>> > I'm pretty certain this can be fixed with a CSS hack. I just don't know 
>> > how to do hacks.
>> >
>> > Can someone give me some guidance, please? And look at it on IE9 and see 
>> > if it's breaking there, too? Should there be a hack for 7, too?
>> >
>> > Thank you in advance for your help.
>> >
>> > Theresa Jennings

__
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] Front page breaking in IE8, maybe 9 too

2013-10-08 Thread Theresa Jennings
http://girlscoutssangorgonio.org

The client just informed me that the "Alumnae" box is jogging down. I imagine 
some sort of older IE padding bug.

It's working fine  in IE10, FF, Safari, Chrome. I don't have an installation of 
IE9, just 10 (Win7 on my VM), and 7 and 8 (on WinXP on my VM).

This is a WordPress site, but the front page is its own php file in a child 
theme.

I'm pretty certain this can be fixed with a CSS hack. I just don't know how to 
do hacks.

Can someone give me some guidance, please? And look at it on IE9 and see if 
it's breaking there, too? Should there be a hack for 7, too?

Thank you in advance for your help.

Theresa Jennings
__
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] Testing

2013-08-12 Thread Theresa Jennings
I'd received nothing since July 26. I even contacted the moderators to see if 
I'd gotten dropped from the list somehow. 

Sent from my iPhone

On Aug 12, 2013, at 11:52 AM, Chris Rockwell  wrote:

> Received.
> 
> 
> On Mon, Aug 12, 2013 at 1:52 PM, Tom Livingston  wrote:
> 
>> Is this getting through? Haven't gotten anything from the list since
>> July 10th...
>> 
>> --
>> 
>> Tom Livingston | Senior Front-End Developer | Media Logic |
>> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/
> 
> 
> 
> -- 
> Chris Rockwell
> __
> 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-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] Need help aligning images horizontally in a div

2013-04-04 Thread Theresa Jennings
I apologize for not responding sooner. Yes, this is apparently a weird behavior 
of WordPress. I just about have it worked out. Thank you.

On Feb 18, 2013, at 9:04 PM, Georg wrote:

> On 18.02.2013 22:33, Theresa Jennings wrote:
>> http://gssg.mindsqueezecreative.com/
> 
> Are all those paragraphs containing comments placed there intentionally, or 
> are comments being wrapped in paragraphs just a software glitch?
> 
> Anyway, those comments stand well enough on their own in the source code, and 
> those paragraphs do have margins that mess up the alignment you are trying to 
> achieve. Once those paragraphs are eliminated you should have no problems 
> setting suitable margins on the relevant div(s).
> 
> regards
>Georg
> __
> 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-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] Need help aligning images horizontally in a div

2013-02-18 Thread Theresa Jennings

Theresa Jennings




On Feb 18, 2013, at 9:43 PM, Georg wrote:

> On 19.02.2013 00:21, Theresa Jennings wrote:
>> I'm not inserting extra paras. I generally work in the html editor, not the 
>> visual editor. I was wondering where the para tags were coming from! I was 
>> using  I'll try to use /* */ and see if it helps.
>> 
>> I like to comment the ends of my divs so I can keep track. I'll take out the 
>> comments and see if it fixes it.
> 
> Comment syntax  ...  ... is OK. Don't use the other (CSS) 
> comment in the HTML source code, as it will surely mess things up.
Yeah, I tried the comment right after the end div, with no space. That's what's 
doing it. The other kind of comment was also very bad.

> There's probably some form of "auto-generation" of paragraphs on new lines in 
> your software. Try adding HTML comments at the end of the line they belong to 
> instead of on new lines, to see if that fixes your "redundant paragraphs" 
> problem. Otherwise, try another HTML editor.
The theme code is moving my comments at the end of my closing div tag to the 
next line during some updating process (it's the WP text editor). I really like 
commenting my closing div so I can keep track of what it's for. I will ask on 
the theme's forum about it. I removed all those, which broke the page, and did 
a little adjusting, which fixed most of it. Now I just have to line up the 
images. I'm going to have to talk to my client about that secondary navigation 
with the bright tabs. I'm not really sure what to do with it.

> 
> For a simple alignment test, add...
> #contentBottom div+p {margin: 0;}
> ...to see the effect of those paragraph margins on your layout.
> 
> regards
>Georg
> __
> 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-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] Need help aligning images horizontally in a div

2013-02-18 Thread Theresa Jennings

Theresa Jennings




On Feb 18, 2013, at 9:42 PM, Philippe Wittenbergh wrote:

> 
> Le 19 févr. 2013 à 14:24, Theresa Jennings  a 
> écrit :
> 
>> Egads, Chris! I'm not sure how to fix that! How did you cause that to happen 
>> in your browser?
> 
> Me not chris but knows the issue – just try to change the minimum font-size 
> setting upwards in your browser and enjoy… (or not).
Will do.

> 
>> I was trying to do a responsive theme, but the "gallery" going on on the 
>> home page (for which I've received the artwork, and is part of the client's 
>> design) is preventing that. I'm not conversant enough in media queries yet, 
>> but I'm working on it.
>> 
>> I thought I was making such good progress. Not so much, apparently.
> 
> Perhaps as a first step, forget that an unit named 'px' even exist. Learn to 
> use 'em', 'rem' and '%'.
> The *only* place I ever use 'px' is when I want a thin border around an 
> object.
Will do. I know better.
> 
> As for the original issues on your website.
> 
> 1/ the comments wrapped by  flagged by Georg. Try to insert them just 
> after the closing  etc, without white-space or line-break. Can't 
> remember how WP handle those things (poorly apparently).
I did - they still broke.

> 
> 2/ the issue with your images: between each image there is a line-break (same 
> issue as above - WP auto insert obsession?), remove it if you ever want the 
> images to line up horizontally.  The images also have 8px padding on line 816 
> of the stylesheet, flagging that in case it is not intentional.

I removed the padding. Will play with this more tomorrow. I'm glad y'all are 
here.

> 
> Philippe
> --
> Philippe Wittenbergh
> http://l-c-n.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] Need help aligning images horizontally in a div

2013-02-18 Thread Theresa Jennings
Egads, Chris! I'm not sure how to fix that! How did you cause that to happen in 
your browser?

I was trying to do a responsive theme, but the "gallery" going on on the home 
page (for which I've received the artwork, and is part of the client's design) 
is preventing that. I'm not conversant enough in media queries yet, but I'm 
working on it.

I thought I was making such good progress. Not so much, apparently.


Theresa Jennings




On Feb 18, 2013, at 8:10 PM, Chris F.A. Johnson wrote:

> On Mon, 18 Feb 2013, Theresa Jennings wrote:
> 
>> My brain is numb. The solutions are probably staring me right in the face. 
>> Even Firebug is no help.
>> 
>> I am customizing a WP template. I've validated it as much as is humanly 
>> possible. I'm modifying the home page, which is a one-column layout. To 
>> select just the one-column layout, you need to use the .one-column class.
>> 
>> The URL:
>> 
>> http://gssg.mindsqueezecreative.com/
>> 
>> The colored backgrounds are just for development. The top of the
>> yellow box needs to be 10px from the bottom of the black box. I can't
>> figure out what's throwing the extra space.
> 
>  You have more problems than that:  <http://b.cfaj.ca/gssg.jpg>
> 
> -- 
>   Chris F.A. Johnson, <http://cfajohnson.com/>
>   Author:
>   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
>   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

__
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] Need help aligning images horizontally in a div

2013-02-18 Thread Theresa Jennings
I'm not inserting extra paras. I generally work in the html editor, not the 
visual editor. I was wondering where the para tags were coming from! I was 
using  I'll try to use /* */ and see if it helps.

I like to comment the ends of my divs so I can keep track. I'll take out the 
comments and see if it fixes it.


Theresa Jennings




On Feb 18, 2013, at 9:04 PM, Georg wrote:

> On 18.02.2013 22:33, Theresa Jennings wrote:
>> http://gssg.mindsqueezecreative.com/
> 
> Are all those paragraphs containing comments placed there intentionally, or 
> are comments being wrapped in paragraphs just a software glitch?
> 
> Anyway, those comments stand well enough on their own in the source code, and 
> those paragraphs do have margins that mess up the alignment you are trying to 
> achieve. Once those paragraphs are eliminated you should have no problems 
> setting suitable margins on the relevant div(s).
> 
> regards
>Georg
> __
> 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-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] Need help aligning images horizontally in a div

2013-02-18 Thread Theresa Jennings
My brain is numb. The solutions are probably staring me right in the face. Even 
Firebug is no help.

I am customizing a WP template. I've validated it as much as is humanly 
possible. I'm modifying the home page, which is a one-column layout. To select 
just the one-column layout, you need to use the .one-column class.

The URL:

http://gssg.mindsqueezecreative.com/

The colored backgrounds are just for development. The top of the yellow box 
needs to be 10px from the bottom of the black box. I can't figure out what's 
throwing the extra space.

The images in the yellow box (which is 147px tall) need to be aligned 
horizontally, fitting into the yellow box, with 10px to the left of the first 
and second image. Each image is 226px, so 226 + 10 + 226 + 10 + 226 equals 
698px.

Can anyone help me, please? What am I missing? I'm going to need to do 
something similar in the black box, only with 2 wider images, not 3. Thank you 
in advance.

Theresa Jennings




__
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] Why won't my search field/button center?

2012-07-17 Thread Theresa Jennings
Georg, a hybrid of Isabel's fix and other fixes (including yours) worked. But 
you make an excellent point about the 100% wide. I had a feeling that figured 
into it, and did set the width (after all) to 252px (the width of the 
testimonials graphic and rightSideGray div). I didn't need to change the size 
of the input at all, although I will keep that in mind when I check IE7 & 8.

Thank you, Isabel and Georg, for your help.

Theresa Jennings




On Jul 17, 2012, at 5:48 PM, Georg wrote:

> On 18.07.2012 01:41, Theresa Jennings wrote:
>> http://maxperformancebikefit.com/about.php
> 
> 100% wide is not the same width as the "testimonials" button, it is much 
> wider. And auto-margins have zero effect on 100% wide elements anyway.
> 
> You may try the following...
> 
>  <--- change of size
> 
> div.searchForm {
> width: 248px;
> margin: 10px 0 20px;
> }
> 
> div.searchForm input+input {
> float: right;
> }
> 
> ...and see if that works for you. I have not done any cross-browser test of 
> it.
> 
> regards
>Georg
> __
> 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-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] Why won't my search field/button center?

2012-07-17 Thread Theresa Jennings
Here's the link to the page: http://maxperformancebikefit.com/about.php

Here's the link to the css: http://maxperformancebikefit.com/maxPerf2.css

I'm trying to get the search field/button in the right-hand column to center 
horizontally over the testimonials button (the search feature is not working 
yet. The page is not "live" yet), which is .

In FF, the search field is real wide, so overall, this doesn't look too bad, 
although I don't know why it's so danged wide. IE9 isn't too bad, either, 
although it still isn't centered and is also real wide. I haven't checked it in 
IE8 and 7. In Chrome and Safari, the search field is not as wide and the whole 
thing is flush left, even though I have the left and right margin set to auto. 

BTW, the HTML and CSS validates.

I'd appreciate your help. Is it something brain-dead simple I'm not seeing?

Theresa



__
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] mac vs pc

2012-07-03 Thread Theresa Jennings
Well, for the link you just gave us, you have *41* HTML validation errors, and 
*86* css validation errors. You have to get those resolved first. I find that 
when my CSS and HTML validate, I have very few problems across the current 
browsers, across the platforms, and I'm a die-hard Mac user who also tests on 
Windows on my virtual machines. That's not to say you won't encounter problems, 
but you'll encounter much fewer of them.


Theresa Jennings


On Jul 3, 2012, at 4:22 PM, S Baily-Gould wrote:

> Sorry, Theresa from the CSS list pointed out that you have to log in to
> Hubspot to help. The same page is already live at the client's site at
> http://www.vernassoc.com/  Same issues I mentioned below, except for the
> last one, regarding the "Painting a Map of Sixteenth-Century Mexico City"
> text because that doesn't exist in original home page. I don't think I am
> authorized to give you the Hubspot login. But again live site has same
> problems. 
> Thanks in advance for any help,
> Sydney
> 
> -Original Message-
> From: S Baily-Gould [mailto:sbailygo...@comcast.net] 
> Sent: Tuesday, July 03, 2012 6:32 PM
> To: 'css-d@lists.css-discuss.org'
> Subject: mac vs pc
> 
> Hi, 
> 
> I’m a bit of a CSS newbie when it comes to Mac vs. PC issues. A client is
> using Hubspot for their site and I just added deleted content and they
> wanted to know why their pages look different in Mac Safari and Firefox vs
> my PC Safari and Firefox. I have no idea. I understand sometimes I have to
> add to style sheet for IE problems, but I have never encountered OS display
> problems. 
> 
> The specific problems are that the left-hand nav pane text that’s on more
> than one line is breaking badly on Mac, and the footer is breaking zip code
> in bad place on Mac. And under the heading “In the Works” the text “Painting
> a Map of Sixteenth-Century Mexico City” doesn’t left align neatly, as it
> does on PC.
> “That’s the reason we noticed a difference. On PC, everything A-OK. I don’t
> know how to fix this with CSS. Any specific advice is greatly welcome.
> 
> Revised home page is at http://www.vernassoc.com/home-copy-0/
> 
> Style sheet is as follows:
> 
> a:link {text-decoration: none;}
> a:visited {text-decoration: none;}
> a:active {text-decoration: none;}
> a:hover {text-decoration: underline; color: blue;}
> 
> 
> #duxbury_content {
>border-right: 1px solid #C9C9CD;
> }
> 
> #duxbury_two-column, #duxbury_three-column {
>background: #FF url(/Portals/54645/images/template/col1_bg.jpg)
> repeat-y left !important; }
> 
> #duxbury_menu ul li a {
>background: transparent url(/Portals/54645/images/template/menu_bg.gif)
> no-repeat left center !important;
>padding: 8px 0 8px 18px !important;
>width: auto !important;
> }
> 
> #duxbury_menu ul li a:hover {
>background: transparent
> url(/Portals/54645/images/template/menu_hover_bg.gif) no-repeat left center
> !important; }
> 
> #duxbury_menu ul li.selectedtab a {
>background: transparent
> url(/Portals/54645/images/template/menu_selected_bg.gif) no-repeat left
> center !important; }
> 
> #duxbury_menu ul li.childitem1 a, #duxbury_menu ul li.childitem1 a:hover,
> #duxbury_menu ul li.selectedtab ul li.childitem1.selectedtab a {
>padding: 8px 0 8px 26px !important;
>background: transparent !important;
> }
> 
> #duxbury_menu ul li {
>height:100% !important;
>_height:100% !important;
>border-right: 0 !important;
> }
> 
> #duxbury_menu ul li.first {
>border-top: 0 !important;
> }
> 
> #duxbury_menu .radmenu .item a span {
>font-weight: normal !important;
>font-size: 0.86em !important;
>white-space:normal !important;
>padding: 0 !important;
>line-height: 110% !important;
> }
> 
> #duxbury_footer {
>border-top: 10px solid #E6E6FF;
>width: 751px !important;
>margin-left: 9px !important;
> }
> 
> #duxbury_footer p.copyright {
>padding: 10px 0 0 0 !important;
> }
> 
> #duxbury_col1 {
>width: 17.9% !important;
> }
> 
> #duxbury_two-column #duxbury_col2 {
>width: 82% !important;
> }
> 
> #duxbury_three-column #duxbury_col2 {
>width: 57% !important;
> }
> 
> #duxbury_content #duxbury_col1 div.block div.pad, #duxbury_content
> #duxbury_col3 div.block div.pad {
>padding: 8px 6px !important;
>margin: 0 4px !important;
> }
> 
> #duxbury_col2 h1 {
>border-bottom: 1px solid #CC;
> }
> 
> h4 {
>font-size: 1.1em !important;
>font-style:italic;
>color: #99 !important;
>margin: 4px 0 !important;
> }
> 
> h5 {
>

Re: [css-d] ie 6/7/8

2012-04-23 Thread Theresa Jennings
I'm on a Mac, although I did recently install Expression Web on my Win7 virtual 
machine. But at that point, I can just check it in the actual browser, since I 
already have it open. It's definitely something to look into. Thanks!


Theresa Jennings




On Apr 23, 2012, at 1:47 PM, John D wrote:

> 
> 
> 
> > 
> > I've had issues with Browerlabs showing my page as broken in IE 8 and 9, 
> > but when I opened my XP/IE8 virtual machine and Win7/IE9 virtual machine 
> > and looked at the pages, they were not broken. As of April 12, Browserlab 
> > is no longer free. I think it's $20 a month now. I'll stick with my VMs.
> > 
> > 
> 
> I would use Microsoft's Expression SuperPreview software to view pages for 
> cross browser testing:
> 
> http://www.microsoft.com/download/en/details.aspx?id=2020
> 
> It runs from your machine and you can register to use remote browsers.
> 
> 

__
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] ie 6/7/8

2012-04-23 Thread Theresa Jennings
I'm telling you, I had a problem in March with it showing a broken page in IE8 
and 9, but it wasn't broken. I hadn't had an issue with other sites I checked, 
but this one, I did. And my code validated before I tried. I was trying to 
avoid opening my virtual machines, but I had to check to see if it really and 
truly was broken. It was not.

Adobe apparently decided to keep it free 
(http://blogs.adobe.com/browserlab/2012/02/24/browserlab-pricing-and-roadmap-announcements/
 ), which sucks for browsercam.com, which is "not accepting new members at this 
time. Please check back again for updates. Sorry for the inconvenience."


Theresa Jennings
Mesa Design House
909-799-7405 | Fax 888-676-7640
http://mesadesignhouse.com | http://theresajennings-artwork.com



On Apr 23, 2012, at 12:40 PM, Chris Morton wrote:

> I just tried it and think it works quite well. From the site itself:
> 
> "Adobe BrowserLab is a complimentary online service."
> 

__
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] ie 6/7/8

2012-04-23 Thread Theresa Jennings
I've had issues with Browerlabs showing my page as broken in IE 8 and 9, but 
when I opened my XP/IE8 virtual machine and Win7/IE9 virtual machine and looked 
at the pages, they were not broken. As of April 12, Browserlab is no longer 
free. I think it's $20 a month now. I'll stick with my VMs.


Theresa Jennings




On Apr 23, 2012, at 12:17 PM, Chris Morton wrote:

>> 
>> Wouldn't Adobe Browserlab be a good quick way to check your changes?
>> https://browserlab.adobe.com/
> 
> 
> Excellent tip! Thanks!
> __
> 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-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] "classes"...?

2012-03-09 Thread Theresa Jennings
A class is just a way of assigning certain properties or group of properties to 
something on the page. You can assign a class to a wrapper/container/content 
div, you can assign a class to a paragraph, and you can even assign a class to 
a single letter or single word, image, or table/table cell.


On Mar 9, 2012, at 2:28 PM, Paceaux wrote:

> I think I was following along until now.  I was assuming that the equivalent 
> of  "classes" in front-end is simply writing CSS to allow blocks of HTML to 
> be modular; able to fit in a variety of wrappers without the need to rewrite 
> HTML. I was also assuming that "object oriented CSS" meant that the 
> stylesheets were written so that different aspects of the design were 
> separate and distinct. 
> 
> It appears that I misunderstood the stated purpose of "object oriented" in 
> HTML and CSS. Others in this discussion have already learned that I'm not 
> that bright, so let's forgo attempts to brighten a dim bulb. 

__
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] Need help with space between nav bar and content

2012-02-29 Thread Theresa Jennings
Like I said, I've been working with the original code, that I did not come up 
with. I'm trying to bend it to my will and that of the client's.

Thank you for your help. I'm going to play with it as soon as i get all the 
pages for the products up today.

Theresa Jennings




On Feb 27, 2012, at 3:01 AM, Ghodmode wrote:
> The short answer:
> Change your selector for the #box (about line 285 in main.css)
> from:
> 
>  #box
> 
> to:
> 
>  div#wrapper #box
> 
> 
> Explanation:
> It looks like you're having a weird specificity problem and you might have 
> even
> stumbled into a bug in Webkit that I haven't seen before.
> 
> In your main stylesheet, the #box is set with a top margin of 8px.
> 
> In your ddsmoothmenu stylesheet the '*' selector is set with margin 0.
> 
> There's no way that the general asterisk selector should override the more
> specific #box selector, but chrome's developer tools show that is exactly 
> what's
> happening.
> 
> The even more specific selector "div#wrapper #box" seems to correct the 
> problem,
> but this shouldn't be necessary at all.
> 
> This is an interesting problem.  I'm going to need to experiment with it and 
> see
> if I can reproduce the problem on a simple page.
> 
> Ref: http://www.w3.org/TR/CSS2/cascade.html#cascading-order
> 
> I'm curious... Why are you creating your 1px space like that?  I see the -7px
> bottom margin on the bottom of your navigation ul and the 8px top margin on
> div#box leaves the 1px you wanted, but why not just use a 1px margin on either
> the nav ul or the #box?
> 
> Thank you.
> 
> --
> Vince Aggrippino
> Ghodmode Development
> http://www.ghodmode.com
> 
>> Theresa Jennings
> __
> 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-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] Need help with space between nav bar and content

2012-02-27 Thread Theresa Jennings
I'm working with the code I was given, so in the case of the webkits, I have no 
idea why they were put in there in the first place.

I appreciate the suggestions - will look to try them out.


Theresa Jennings




On Feb 26, 2012, at 11:10 PM, Markus Ernst wrote:

> Am 27.02.2012 06:25 schrieb Theresa Jennings:
>> Here's a sample of the interior pages (the home page is handled a little 
>> differently):
>> 
>> http://mdh-test.com/HealthySkin/Healthy_Skin_Story.shtml
>> 
>> Style sheets, so you don't have to look for them:
>> 
>> mdh-test.com/HealthySkin/main.css
>> mdh-test.com/HealthySkin/ddsmoothmenu.css
>> 
>> In Safari and Chrome (Win and OSX), the white #box juts up against the 
>> bottom of the text of the navigation. There should be a 1px space between 
>> the bottom of the nav bar and the top of the white box, like there is on the 
>> home page. It does it perfectly in all the other browsers. If I add extra 
>> margin pixels in the CSS to make the white box go down in Safari and Chrome, 
>> then it goes down a bunch in FF. Bleccch.
>> 
>> On the home page, there is no #box rule.
>> 
>> I have validated the html (woot!), and the css validates except for a few 
>> things having to do with the smoothmenu and the webkit hacks. I've been 
>> futzing with the original code.
>> 
>> Can you help me, please? I imagine I'm going to need to hack the CSS a 
>> little.
> 
> Without having had a deep look at your code, I'd suggest trying to un-hack 
> first. You state that Safari and Chrome behave differently from other 
> browsers, and you talk about Webkit hacks. Safari and Chrome use the Webkit 
> engine. Thus, removing the Webkit hacks might make these browsers behave like 
> the others.
> 
> (Of course, if I am right, you will have to find other solutions for the 
> things you try to do with the Webkit hacks; I don't know what they are for.)

__
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] Need help with space between nav bar and content

2012-02-26 Thread Theresa Jennings
Here's a sample of the interior pages (the home page is handled a little 
differently):

http://mdh-test.com/HealthySkin/Healthy_Skin_Story.shtml

Style sheets, so you don't have to look for them:

mdh-test.com/HealthySkin/main.css
mdh-test.com/HealthySkin/ddsmoothmenu.css

In Safari and Chrome (Win and OSX), the white #box juts up against the bottom 
of the text of the navigation. There should be a 1px space between the bottom 
of the nav bar and the top of the white box, like there is on the home page. It 
does it perfectly in all the other browsers. If I add extra margin pixels in 
the CSS to make the white box go down in Safari and Chrome, then it goes down a 
bunch in FF. Bleccch.

On the home page, there is no #box rule.

I have validated the html (woot!), and the css validates except for a few 
things having to do with the smoothmenu and the webkit hacks. I've been futzing 
with the original code.

Can you help me, please? I imagine I'm going to need to hack the CSS a little.


Theresa Jennings
__
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/