Re: [css-d] help with responsive navigation

2016-11-04 Thread Greg Gamble 
Looks like the class names are different, and open and close quotes are missing 
for class and id attributes


Greg
-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Kavinsky
Sent: Friday, November 04, 2016 11:59 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] help with responsive navigation

I'm reworking a client site navigation to work better responsively and using a 
previous site as a model. I think I have the page code and css code correct, 
but I'm not getting the correct results. In short, the menu is collapsing when 
the screen is smaller but the link isn't toggling the menu, and I can't figure 
out why. Here are links:

the site I'm working on:
http://ipegstl.com/commercial/

the site I'm trying to mimic:
http://otpnet.com/

here's the css code that works the button link for the toggling:

/*Style 'show menu' label button and hide it by default*/ .show-menu {
font-family: 'gandhi_sansbold';
text-decoration: none;
color: #fff;
background:#af292e;
text-align: center;
padding: 10px 0;
display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
display: none;
-webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/ input[type=checkbox]:checked ~ 
.menu-menu-1-container #menu-menu-1 {
display: block;
}

@media only screen and (max-width : 1000px) {

/*Make dropdown links appear inline*/
#site-navigation ul {
position: static;
display: none;
}
/*Create vertical spacing*/
#site-navigation li {
margin-bottom: 1px;
}

/*Make all menu links full width*/
#site-navigation ul li {
width: 100%;
}

#site-navigation li a {
width: 100%;
background:#af292e;
}

/*Display 'show menu' link*/
.show-menu {
display:block;
}
}



What am I overlooking?
__
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] Issue with bootstrap checkbox

2016-05-13 Thread Greg Gamble 
Make sure there is a folder called fonts in the root,  with the icons fonts.


Greg


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Larry Martell
Sent: Monday, May 09, 2016 9:52 AM
To: CSS Discuss
Subject: [css-d] Issue with bootstrap checkbox

I have an app that's been dropped in my lap that uses bootstrap checkbox. On 
Chrome the boxes are blank - i.e. if you click on them they don't checked, 
although the action associated with checking or unchecking them is performed. 
In the console I see these errors:

Failed to decode downloaded font:
http://foo.bar.com:8000/fonts/glyphicons-halflings-regular.woff
OTS parsing error: invalid version tag
Failed to decode downloaded font:
http://foo.bar.com:8000/fonts/glyphicons-halflings-regular.ttf
OTS parsing error: invalid version tag
Failed to decode downloaded font:
http://foo.bar.com:8000/fonts/glyphicons-halflings-regular.woff2
OTS parsing error: invalid version tag

On FF I don't get these errors, but the boxes still do not have checks in them 
- they have E067 then they're checked and E157 when they are unchecked.

I looked in the bootstrap-glyphicons.css file and found this:

.glyphicon-check:before{content:"\e067";}
.glyphicon-unchecked:before{content:"\e157";}

What are those Chrome errors and why don't I get them on FF?
How can I get the checkmarks to properly appear on both browers?

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] Image won't scale

2016-03-07 Thread Greg Gamble 
Add a style of width:100%; to the img tag.  


Greg 


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of John J
Sent: Monday, March 07, 2016 10:20 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Image won't scale

I have the css below applied to an image at:  john-a-johnson.com yet the image 
won't scale when view port resizes..can anyone point out what I'm doing wrong?

Thank you!

John


.image-right{
float:right;
max-width: 100%;
height: auto;
}
__
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] New website

2016-03-01 Thread Greg Gamble 
Very confusing navigation.  I clicked on a bottom link and all kinds of stuff 
flashed by very fast, and It took me a while to figure out how to get to them. 
On a Windows Phone 8.1 and IE the popup? is left aligned and covers the entire 
page so only the Graphic-Web-Media links are shown.  
The popup will shimmy left and right at random times, then settle down. 

Color and contrast look good to be.  Page is huge at 14.9 MB.  
Tools.pingdom.com shows over 160 page requests, with a third of those having an 
error connecting.
And for what it's worth ... if I see a countdown timer for a page load, I 
usually just leave. Not because it's a flash page, but because it's dead time 
that I can't do anything.


Lots of potential, just needs some tweaking ... 

Greg


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Karl DeSaulniers
Sent: Monday, February 29, 2016 4:22 PM
To: CSS-D
Subject: Re: [css-d] New website

Yes, I sent another message with that in it.
Must not have posted. Here you go. 
Thanks for asking. :)

http://designdrumm.com

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



On Feb 29, 2016, at 5:37 PM, Chris Williams  wrote:

> Link?
> 
> 
> 
> 
> On 2/29/16, 2:32 PM, "css-d-boun...@lists.css-discuss.org on behalf of Karl 
> DeSaulniers"  k...@designdrumm.com> wrote:
> 
>> Hello all,
>> Got another website. This time it's my own portfolio website. It is an 
>> infinite loop horizontal scrolling responsive website. 
>> 
>> If you all don't mind taking a look at it and let me know if it 
>> breaks for you, I would really appreciate any feedback. Good or bad. 
>> Hopefully all good. (: ))
>> 
>> Best,
>> Karl
>> _
>> _ 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-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] H6 tag is displaying "properly" in FF and Chrome but not in IE 11 using WIN 7.

2016-02-19 Thread Greg Gamble 
Add a space after the percent 

125%  'Times New Roman',Times,serif


Greg


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Al Fresco
Sent: Friday, February 19, 2016 12:08 PM
To: CSS-Discuss
Subject: [css-d] H6 tag is displaying "properly" in FF and Chrome but not in IE 
11 using WIN 7.

  Greetings,

H6 tag is displaying "properly" in FF and Chrome but not in IE 11 using WIN 7.
Can anyone see why?

Screen shots
http://wildwonderfulwv.us/julian/sb.jpg

HTML: http://wildwonderfulwv.us/julian/index.php

Validation: 
https://validator.w3.org/check?uri=http%3A%2F%2Fwildwonderfulwv.us%2Fjulian%2F=%28detect+automatically%29=Inline=0=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices


CSS: http://wildwonderfulwv.us/julian/julian_index_new.css

Validation:
https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwildwonderfulwv.us%2Fjulian%2Fjulian_index_new.css=css3=all=1==en

Thanks,
WV-Mike
www.EpicRoadTrips.us
__
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] CSS only popup to stay in viewport

2016-02-11 Thread Greg Gamble 
I have a popup that displays when you hover over an icon.  It's a glorified 
tooltip, with descriptive information.  When the icon is near the edge of the 
viewport it crossover into the area that is not viewable.  Anyone have some CSS 
only tricks to have it stay within the container div?

Example page is here: http://pastebin.com/FHbv8beC


Greg

__
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] [ADMIN] Hello, my friends, hello

2015-12-23 Thread Greg Gamble 
I've been hoping for a return of the list.  I've tried sending a few posts, but 
thought I was locked out for some reason ... glad to know it was only a 
software issue.

Maybe keep it going for a while, and see if it picks up??


Greg 

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Eric A. Meyer
Sent: Wednesday, December 23, 2015 12:35 PM
To: CSS-D Discuss
Subject: [css-d] [ADMIN] Hello, my friends, hello

Hi, everyone,

So apparently the list software died back in October, and none of us really 
noticed until this month.  Or, if people noticed, nobody mentioned it until 
this month.  It took a while to get in touch with someone who could get the 
software restarted, but I'm told it's back up. 
  If you're reading this, then yes, it's back up.
This hiatus and its lack of observance has led me to wonder about the 
utility of css-discuss, and whether it needs to continue.  There are a lot of 
other venues for discussing CSS these days, and most of the reason for this 
list existing-- to help people figure out how CSS worked, and fix problems-- is 
covered much more compellingly by sites like StackOverflow.  The resources that 
used to support css-d, like the public archive and the wiki, have fallen into 
disuse or disrepair over the years.  In general, there's a faded feeling here, 
at least for me.
Thus, I'm now pondering three courses of action:

1. Shut down the list.  To all good things, etc.  This obviously abandons 
those who still prize having a mailing list, but that number seems very small.  
Almost all the discussion in the months leading up to the hiatus was conducted 
between a small number of subscribers.  Of course, a new list could be started 
by someone else.
2. Hand the list off to someone else, to guide as they see fit.  
This involves the very difficult task of finding someone who's interested, and 
making a good choice.  This is the least appealing of the three, honestly, 
because of the possibility of getting things wrong.
3. Convert the list from "Practical discussions of CSS and its use" 
to more general discussion about anything CSS-related.  That would include 
theoretical musings, discussion of what CSS should or shouldn't be, where it 
should go in the future, the general theory of CSS, and so on.  I'm less 
inclined to go this route, as there are other places to grapple with the deeper 
issues of CSS (like www-style, not to mention blogs and social media).

At this point, perhaps due to pride and ego but perhaps simply due to feeling 
that the time has come, I'm leaning toward option 1.  January 24, 2016, will be 
the 14th anniversary of the list.  That leaves a month to either settle on a 
different course of action, or else to plan a shutdown.
If anyone has strong feelings that it should be one of the other two 
options, or a fourth option I didn't list, feel free to let me know off-list.  
I may not be able to respond to every message, but I will read them all.  I 
expect to make a final decision on or before January 10, 2016.  Whatever I 
decide, I'll announce it here.

--
Eric A. Meyer - http://meyerweb.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/
__
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] Header disappearing in Mobile view

2015-08-21 Thread Greg Gamble 
What part of the header is missing?  Hamburger menu could use some bottom 
padding to get it off the line.

Nice looking site


Greg

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Yazmin Media
Sent: Friday, August 21, 2015 9:16 AM
To: css discuss
Subject: [css-d] Header disappearing in Mobile view

I'm having an issue with a site.

http://wesco.dreamhosters.com/dev/

I've bene using the iPhone 6 emulation on Chrome Dev Tools to check the site. 
It looks great there and on other mobile devices.

However, when I use http://mobiletest.me/ tool to check the site in iPhone 6, 
the Responsive version shows fine, while the header is missing in Mobile 
version. (This tool is free to use and quick to signup for, so no need to pay 
to view what I'm talking about.)

This wouldn't be an issue, but the mobile version was triggered on my client's 
phone one time and now I'm curious what is the difference? Why would it 
trigger? How do I get the header to show at all times?

My client is past it, but it's still bugging me and I'd like to know what's 
going on.

Any insight would be grand.

Thanks!
--
Yazmin Wickham
http://www.yazminmedia.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/
__
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] Responsive with absolute positioning?

2015-06-11 Thread Greg Gamble 
Little off topic, but the auto play on the video is a deal killer for me ... 

Another strange action, the page seems to reload when resized?  This causes the 
video to restart too .


Greg


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of J.C. Berry
Sent: Thursday, June 11, 2015 12:57 PM
To: CSS-D
Subject: [css-d] Responsive with absolute positioning?

Hello all, I have this page
http://go.xifin.com/connectivity.html
and we are trying to make it responsive. Marketo has an editor that absolutely 
positions everything and every item is only a child of body.
You can see that I have some of it working, but things like the vertical 
placement - top - just don't work consistently at various widths. Would I use 
some kind percentages? Something else? Also, the video sizing and the 
background TV is tough.

Thanks guys!

--
J.C. Berry, M.A.
UI Developer
619.306.1712(m)
jcharlesbe...@gmail.com
http://www.mindarc.com


This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. 
?? 2510-2521 and is legally privileged. This information is confidential 
information and is intended only for the use of the individual or entity named 
above. If the reader of this message is not the intended recipient, you are 
hereby notified that any dissemination, distribution or copying of this 
communication is strictly prohibited.

__
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] I dont want to receive anymore the ..... Re: making a site responsive - first step: making it all fluid

2015-05-21 Thread Greg Gamble 
Go here:
http://www.css-discuss.org/mailman/listinfo/css-d

From: m.hofstet...@laposte.net [mailto:m.hofstet...@laposte.net]
Sent: Thursday, May 21, 2015 10:04 AM
To: Greg Gamble
Cc: Erik Visser; css-d@lists.css-discuss.org
Subject: I dont want to receive anymore the  [css-d] . Re: [css-d] making 
a site responsive - first step: making it all fluid

I dont want to receive your  [css-d] .
I  have ask how stop it !
I have no PSW to go out the list !
help !

   ololamater


De: Greg Gamble ggam...@sbctc.edumailto:ggam...@sbctc.edu
À: Erik Visser e...@erikvisser.netmailto:e...@erikvisser.net, 
css-d@lists.css-discuss.orgmailto:css-d@lists.css-discuss.org
Envoyé: Jeudi 21 Mai 2015 18:09:13
Objet: Re: [css-d] making a site responsive - first step: making it all fluid

Nokia Lumia 928 with Windows 8.1

https://onedrive.live.com/redir?resid=8CC6289D78781182!37270authkey=!AAijgwhoBRaWByIv=3ithint=photo%2cpng



Greg

-Original Message-
From: 
css-d-boun...@lists.css-discuss.orgmailto:css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Erik Visser
Sent: Thursday, May 21, 2015 2:32 AM
To: css-d@lists.css-discuss.orgmailto:css-d@lists.css-discuss.org
Subject: [css-d] making a site responsive - first step: making it all fluid

Hi all,

Thanks so for help and tips on making a site responsive.

This is the site i have to make a responsive version for:
http://www.utrechtsyogacentrum.nl

Reading all information provided i thought making the existing site completely 
fluid would be a good first step.

This is the result so far: http://beta.utrechtsyogacentrum.nl

How does this look on your different systems?

Any comments are welcome.

Thanks, Erik
__
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-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] making a site responsive - first step: making it all fluid

2015-05-21 Thread Greg Gamble 
Nokia Lumia 928 with Windows 8.1

https://onedrive.live.com/redir?resid=8CC6289D78781182!37270authkey=!AAijgwhoBRaWByIv=3ithint=photo%2cpng



Greg

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Erik Visser
Sent: Thursday, May 21, 2015 2:32 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] making a site responsive - first step: making it all fluid

Hi all,

Thanks so for help and tips on making a site responsive.

This is the site i have to make a responsive version for: 
http://www.utrechtsyogacentrum.nl

Reading all information provided i thought making the existing site completely 
fluid would be a good first step.

This is the result so far: http://beta.utrechtsyogacentrum.nl

How does this look on your different systems?

Any comments are welcome.

Thanks, Erik
__
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] Using Modernizr html classes

2015-02-03 Thread Greg Gamble 
Are these browsers running on a touch-capable device? I thought 8.1 could auto 
detect if it's on one and act accordingly.

Greg 

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tom Livingston
Sent: Tuesday, February 03, 2015 12:58 PM
To: CSS Discussion Group
Subject: [css-d] Using Modernizr html classes

List,

This may be borderline off-topic, but I'm a little desperate.

I am using Modernizr and it's html classes 'touch' and 'no-touch' in my CSS to 
add/hide functionality via such as a fixed menu bar on desktop and a relative 
menu bar on mobile, among other things.

The issue I am having is that in Chrome 40.X and FF 35.0.1 in Win 8.1, I am 
getting a false 'touch' class (as opposed to 'no-touch') on a desktop setup.

Googling hasn't been helpful yet and am wondering if anyone has over come this 
issue or has an idea.

Any ideas would be appreciated.

-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
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] child width exceeding parents' ?!

2014-03-10 Thread Greg Gamble 
Looks like the H4 header is styled, not the container, which is getting a width 
of 998px.  

980px width + 16px from padding + 2px from border?

Greg 


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of John
Sent: Sunday, March 09, 2014 2:46 PM
To: CSS-Discuss
Subject: [css-d] child width exceeding parents' ?!

at this page the bar that says new clothes at doubletake is set to 
max-width:980px and width: 100%, yet it exceeds the width of it's parent which 
is 980

how can this be?

Thanks for clues!

John

http://coffeeonmars.com/W200/test/DTake_Index.html
__
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] Bootstrap CSS...

2014-02-25 Thread Greg Gamble 
You might want to add the menu collapse classes, and relevant media queries.  
They make things easier to use in a tablet or phone viewing.


Greg 

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Michael Beaudoin
Sent: Tuesday, February 25, 2014 9:40 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Bootstrap CSS...

Hi all,

It's been awhile since I've been doing front end work, but I'm getting back 
into it and learning Bootstrap in the process. 

I am putting together a sample UI and have come across some issues that I'm 
hoping I can get some assistance with. I'm sure it's a combination of rust and 
Bootstrap, but I've hit a wall and I'm not seeing the solutions. Frustrating.

The sample page is located at: http://192.185.4.142/~badoyn/report_test/

Questions are:
- In the left sidebar (Choose a Report) I would like the hover to extend the 
complete width of the sidebar and midway up/down between the items. I used 
display:block but I can't seem to get it fine tuned.

- Footer: not sure why the color is not extending throughout the entire width 
of the footer.

- The Reports Parameters box. Is there a way when this box is short (as shown 
now) the My Reports box beneath can tuck up beneath?

Thanks all for the help. It's been awhile and glad to be back.

Michael
__
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] Will the unsemantic HTML elements B and I be soon phased out?

2014-02-20 Thread Greg Gamble 
Something worth reading:  http://html5doctor.com/i-b-em-strong-element/


i — was italic, now for text in an “alternate voice”, such as 
transliterated foreign words, technical terms, and typographically italicized 
text (W3C:Markup, WHATWG)

b — was bold, now for “stylistically offset” text, such as keywords and 
typographically emboldened text (W3C:Markup, WHATWG)

em — was emphasis, now for stress emphasis, i.e., something you’d 
pronounce differently (W3C:Markup, WHATWG)

strong — was for stronger emphasis, now for strong importance, basically 
the same thing (stronger emphasis or importance is now indicated by nesting) 
(W3C:Markup, WHATWG)


Greg 


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Philip Taylor
Sent: Thursday, February 20, 2014 2:02 PM
To: Robert A. Rosenberg
Cc: CSS-Discuss Discuss
Subject: Re: [css-d] Will the unsemantic HTML elements B and I be soon phased 
out?



Robert A. Rosenberg wrote:

 The use of em and strong in lieu of i and b is aimed NOT at 
 the visual presentation (ignoring screwing with the em-i and 
 strong-b mappings via CSS) but at AUDIO (ie: Screen Reader) presentation.

I would respectfully disagree.  Whereas b and i were targetted specifically 
at visual rendering (since they denote bold and italic, which are not 
inherently meaningful for other media), em and strong are targetted at 
/all/ forms of rendering, since emphasised and strongly emphasised are 
media-neutral.  They do, of course, work well with audio renderers but equally 
well with visual renderers.

This is, I believe, an important point, because if it is not stressed, those 
writing for purely visual media may still perceive no need to use em and 
strong; it would have the unfortunate effect of relegating them to 
second-class citizens in the markup world, whereas in fact it is i and b 
(and their ilk) that need to be relegated, then deprecated, and finally 
forgotten.

 Of course, the text-to-speech
 mapping could in theory treat i the same way as it treats em,

Yes, it /could/; but it would be guessing in the dark.  There is no way to know 
whether an author who wrote iFelix domesticusi or iτέλος/i intended 
them to be emphasised or not from the markup alone.

Philip Taylor
__
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] Using :focus +

2013-12-20 Thread Greg Gamble 
Nice ... helps to know what it's called when searching   :-)

Thanks  ... 

Greg 


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Micky Hulse
Sent: Thursday, December 19, 2013 4:00 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Using :focus +

That is cool. Have you read much about adjacent sibling selector?

https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors
http://meyerweb.com/eric/articles/webrev/27a.html

--
git.io/micky
__
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] Visual styling vs. source order

2013-12-20 Thread Greg Gamble 
Pages should have headers in order, with one H1 on top. Under the H1 you can 
have multiple H2 - H6's, but they should be nested correctly.

Good:
H1
H2
H2
H3
H4

H3
H4

H2
H3
H4

Bad:
H2

H1
H4

H1
H4
H3
H2

There is an accessibility aspect to this too.  If the text is visually not what 
you want, then change it for that instance.  
Header tags shouldn't be used for styling.

Greg


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tom Livingston
Sent: Thursday, December 19, 2013 2:00 PM
To: CSS Discussion Group
Subject: [css-d] Visual styling vs. source order

List,

Hopefully this is related to CSS enough for this list...

Visually, the layout I'm looking at has a smaller line of copy, I'd call it a 
subhead, above a larger line of copy, what I would consider the headline.

Is it wrong to have an H2 before an h1, which would lend itself to the visual 
look as well as the importance of the lines of copy, or should they be in a h1 
then h2 source order and somehow arrange them with css to match the layout. And 
if the latter is more correct, what's the best way to just swap their visual 
order? The layout is just the two lines, centered horizontally, below a nav bar.

I guess this is as much a semantics question as much of a CSS question.

TIA

-- 

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/
__
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] Using :focus +

2013-12-19 Thread Greg Gamble 
I ran across some CSS that I though was pretty cool, but can't seem to find 
much information on its usage.  What do you think?

Some simple code to show first:
!DOCTYPE html
head
meta charset=UTF-8 /
meta name=viewport 
content=width=device-width, initial-scale=1.0
titleTest Page/title
style type=text/css

input {
width:200px;
}
.help {
display:none;
font-size:90%;
}
input:focus + .help {
display:inline-block;
}
/style

/head
body
label for=nameName (required):/label
input type=text id=name name=name value= 
aria-describedby=name-format required
span id=name-format class=helpFormat: Firstname, 
Lastname/span
/body
/html

Clicking in the input field changes the class .help, although the input field 
has no class attached to it.

Are there any other attributes that have this capability?




Greg

__
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] CSS Progress Bar Help

2013-12-05 Thread Greg Gamble 
Reset the indentation on the li class=progtrckr-current that sits within 
the ol data-progtrckr-steps=4 class=progtrckr progbox tag


Greg 


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of SSC_perl
Sent: Wednesday, December 04, 2013 5:14 PM
To: CSS-D Discuss
Subject: [css-d] CSS Progress Bar Help

Hello,

I'm new to CSS here, so forgive me if this is a basic question.  I just 
added a CSS progress bar to our open source shopping cart, SurfShopPRO.  It 
looks nicer than the graphics we were using before, but it could be better.

One of the things I need help with is that the progress bar is not 
centered left to right inside the border.  Can someone see what's wrong?

http://www.surfshopcart.com/cgi-bin/demos/2/shop.cgi

To see the progress bar, just place a test order and check out.  Choose 
I will mail my payment to go all the way to the receipt page without typing a 
credit card number.

Thanks,
Frank


Setting up shop has never been easier!

http://www.surfshopcart.com/pro.php

__
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] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Greg Gamble 
Looks to be a mega-menu

http://www.sitepoint.com/mega-drop-down-menus/



Greg 

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Colin (Sandy) 
Pittendrigh
Sent: Friday, November 15, 2013 10:31 AM
To: CSS-D
Subject: [css-d] Massive mouse over dropdowns--possible with CSS?

The following West Marine website has large complex dropdown navigation menus 
that change as mouse-over changes on a horizontal row of banner links. West 
Marine  does this with javascript.

Is the same thing possible with CSS? Examples? I'm familiar with vertical 
list-like CSS dropdowns (or popout horizontally) menus. But these are more like 
multi-column dropdowns.

I'm not even sure I like this, design wise. But I have a customer who wants it. 
Is requesting it.

So I wonder about how best to do it.

http://www.westmarine.com/webapp/wcs/stores/servlet/TopCategories1_11151_10001_-1

--
/*  Colin (Sandy) Pittendrigh  --oO0 */ 
__
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] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Greg Gamble 
How so?  It's almost like a fat dropdown.  

Greg 

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Melroch
Sent: Friday, November 15, 2013 1:43 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Massive mouse over dropdowns--possible with CSS?

2013-11-15 20:01, Greg Gamble skrev:
 Looks to be a mega-menu

 http://www.sitepoint.com/mega-drop-down-menus/

The latest fad which doesn't work for the motor-impaired?

 Greg

 -Original Message-
 From: css-d-boun...@lists.css-discuss.org 
 [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Colin 
 (Sandy) Pittendrigh
 Sent: Friday, November 15, 2013 10:31 AM
 To: CSS-D
 Subject: [css-d] Massive mouse over dropdowns--possible with CSS?

 The following West Marine website has large complex dropdown navigation menus 
 that change as mouse-over changes on a horizontal row of banner links. West 
 Marine  does this with javascript.

 Is the same thing possible with CSS? Examples? I'm familiar with vertical 
 list-like CSS dropdowns (or popout horizontally) menus. But these are more 
 like multi-column dropdowns.

 I'm not even sure I like this, design wise. But I have a customer who wants 
 it. Is requesting it.

 So I wonder about how best to do it.

 http://www.westmarine.com/webapp/wcs/stores/servlet/TopCategories1_111
 51_10001_-1

 --
 /*  Colin (Sandy) Pittendrigh  --oO0 */ 
 __
 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-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] The Simpsons in CSS

2013-11-13 Thread Greg Gamble 
http://pattle.github.io/simpsons-in-css/  is 404?


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of COM
Sent: Wednesday, November 13, 2013 7:08 AM
To: CSS-Discuss
Subject: Re: [css-d] The Simpsons in CSS

..it also just dawned on me that illustration converted to code can be 
dynamically changed...

some dizzying implications to that, eh?

John
__
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] Two classes, two conflicting rules, which wins ?

2013-10-02 Thread Greg Gamble 
OK, I'll bite :-)

What is  origin, weight, and  specificity?  I hear the terms and I think I get 
it ... but, to hear it from the Master would be great.


Greg


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Eric A. Meyer
Sent: Wednesday, October 02, 2013 6:18 AM
To: CSS-D
Subject: Re: [css-d] Two classes, two conflicting rules, which wins ?

On 1 Oct 2013, at 16:50, Robert A. Rosenberg wrote:

 So you are saying that in a 'class=c2 c1' case, it scans the CSS 
 defs, sees .c1 and applies it, keeps going and sees .c2 which 
 overrides the c1 width?

 IOW: The order that you list the class in the HTML is ignored and only 
 the order that the classes are defined in the CSS defs counts.

That's correct.

(Assuming the selectors have the same origin, weight, AND specificity, that is; 
in that case, then the order the rules are listed in the CSS matters.  If two 
selectors don't have the same origin, weight, OR specificity, then the order 
they're listed in the CSS is irrelevant.)


--
Eric A. Meyer - http://meyerweb.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/
__
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] Two classes, two conflicting rules, which wins ?

2013-10-01 Thread Greg Gamble 
Wouldn't the first div width = 30em, and the second div width =  20em?

DIV id=i1 class=c1 c2.../DIV C2 overrides C1

DIV id=i2 class=c2 c1.../DIV C1 overrides C2


Greg Gamble
SBCTC - Olympia | Information Services


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Rockwell
Sent: Tuesday, October 01, 2013 11:46 AM
To: Philip Taylor
Cc: CSS-D
Subject: Re: [css-d] Two classes, two conflicting rules, which wins ?

How you assign them in the class attribute has no bearing.


On Tue, Oct 1, 2013 at 2:45 PM, Chris Rockwell ch...@chrisrockwell.comwrote:

 http://www.w3.org/TR/CSS2/cascade.html#cascading-order

 In your example, width is 30em;


 On Tue, Oct 1, 2013 at 2:40 PM, Philip Taylor p.tay...@rhul.ac.uk wrote:

 Consider :

 .c1 {width: 20em}
 .c2 {width: 30em}

 DIV id=i1 class=c1 c2.../DIV
 DIV id=i2 class=c2 c1.../DIV

 What widths do i1 and i2 have, and why ?  Answers by reference to the 
 relevant W3C specification(s), please, not by experiment or guesswork 
 !

 Philip Taylor


 _
 _ 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




--
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] Two classes, two conflicting rules, which wins ?

2013-10-01 Thread Greg Gamble 
Makes sense when I see it in action ... thanks.

!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; lang=en
head
title
CSS Cascade
/title
style
body { color: blue; }
.c2 {background-color: green;}
.c1 {background-color: yellow;}
/style
/head
body
div id=i1 class=c1 c2C1 then C2/div
div id=i2 class=c2 c1C2 then C1/div
/body
/html


Greg 


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Rockwell
Sent: Tuesday, October 01, 2013 2:16 PM
To: Robert A. Rosenberg
Cc: CSS-D; Philip Taylor
Subject: Re: [css-d] Two classes, two conflicting rules, which wins ?



 So you are saying that in a 'class=c2 c1' case, it scans the CSS 
 defs, sees .c1 and applies it, keeps going and sees .c2 which 
 overrides the c1 width?

That's how I would explain it, but I'm not certain how the browsers actually 
compile it.  I would **guess** that it is compiled and only the correct styles 
are applied, so there isn't actual overriding, or re-painting; but that's just 
a guess.


 IOW: The order that you list the class in the HTML is ignored and only 
 the order that the classes are defined in the CSS defs counts.

Yes, as long as specificity isn't a factor (and keep in mind the order in which 
you include your stylesheets).  The StackOverflow link that was included in 
this thread showed cases where the order in the attribute would make a 
difference (using advanced selectors), but at a quick glance that seemed like 
an *extreme* edge case that I couldn't imagine ever using in practice.

All that being said, for this situation, I think I would probably try to find a 
way to avoid doing what this discussion is centered around.  I've been really 
trying to study up on oocss (
https://github.com/stubbornella/oocss/wiki) and smaccs (http://smacss.com/) and 
I plan on implementing these concepts in the refactor I'm getting ready to 
start.

So, off the top of my head, something like this:

/* layout stuff */
.boxNarrow {
  width: 5em;
}
.boxWide {
  width: 10em;
}
/* prettify */
.boxSkin {
  border-radius: 10px;
  box-shadow: 1px 1px 5px #00;
}

div class=boxSkin boxNarrow.../div div class=boxSkin boxWide.../div






--
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] Implementing Responsive Design

2013-08-23 Thread Greg Gamble 
Mobile-First is a good idea, but the realities are that it’s a Desktop-First 
world. If you're doing any serious web browsing on a phone its capable of Mq's. 
 
And unless you put an extraordinary amount of work into it, the page 
performance is not much different than a desktop anyway.

http://sixrevisions.com/mobile/responsive-web-design-not-the-future/

Greg 
-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tom Livingston
Sent: Friday, August 23, 2013 9:25 AM
To: Tim Arnold
Cc: CSS Discuss; Mike O'Toole
Subject: Re: [css-d] Implementing Responsive Design

FWIW, what I do is repeat my styles without MQ's inside a conditional comment. 
Lo-fi, I know, but if you don't want to load a polyfil, this is another option. 


  


I use sass imports to do this in a neat way. Email me if you want any more 
info.

—
Sent from Mailbox for iPhone

On Fri, Aug 23, 2013 at 10:59 AM, Tim Arnold tim.arn...@gmail.com wrote:

 On Fri, Aug 23, 2013 at 12:47 AM, Mike O'Toole m...@risingwoods.org wrote:

 FYI only recently has the 'smart phone' (all MQ capable) sales passed the 
 'feature phone' in sales percentage.

 Many present day low end 'feature phones' and most older (sold in 2009-2012) 
 'feature phones' lack the MQ support.

 As of mid 2013 many high end 'feature phones' are MQ capable. FWIW they are 
 much more powerful than the 'smart phones' of 2011 and before.

 Keep in mind, if doing a mobile first approach, that IE8 (not exactly
 an ancient browser) does not support media queries at all without a
 polyfill.
 Tim
 -- 
 tim.arn...@gmail.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/
__
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] navigate site

2013-07-16 Thread Greg Gamble 
David,
As you can see from below, I'm a big advocate of accessibility when designing 
web pages. It's easy to do and carries over to some good best practices.  
Please take that into consideration when reading my comments, that go beyond 
what you requested ... :-) 

Menu not working on WP8 ( Nokia Lumia 928 ) with IE10 Browser or with UC 
Browser.  If you do a long press it will show, but is not sustained and ends up 
calling the save image context menu.
Email, phone number and address links work correctly.

Document outline is incorrect
http://accessibility.psu.edu/headingshtml

Alt tags are empty
http://www.w3.org/QA/Tips/altAttribute

Navigation not viewable till you reach the bottom of the page. I would use 
media queries like you had in the previous rendition.  Much better experience 
IMO.
http://www.w3.org/TR/WCAG20-TECHS/C27.html


Nice looking site but if any of your viewers are using any Assistive Technology 
(AT), as in a screen reader, they're going to have a hard time navigating the 
site.  Put the Navigation on top.  Add a skip link.  Set your headings 
correctly, starting with a single H1. This not only helps AT users, but 
improves Search Engine ranking

Looking forward to your next update.

Greg
-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso
Sent: Monday, July 15, 2013 8:13 PM
To: CSS Discuss
Subject: [css-d] navigate site

Seeking constructive comments and suggestions on the method used to
navigate a responsive [desktop, tablet, and mobile] site.
html
http://ccstudi.com/russ/
css
http://ccstudi.com/russ/r/r.css

Best,
David Laakso

-- 
Chelsea Creek Studio
http://ccstudi.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/


__
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] site review: hydrogeologist

2013-07-11 Thread Greg Gamble 
 I believe content is king and should precede navigation in the html.

... unless you're using a screen reader, then you'll need to go to the bottom 
of the page to access the navigation.  This is why they have skip links.  

As for the long words not wrapping, why not use: word-wrap: break-word;

Greg 
-Original Message-
From: David Laakso [mailto:laakso.davi...@gmail.com] 
Sent: Tuesday, July 09, 2013 5:59 PM
To: CSS Discuss
Cc: Greg Gamble
Subject: Re: [css-d] site review: hydrogeologist

On Tue, Jul 9, 2013 at 6:36 PM, Greg Gamble ggam...@sbctc.edu wrote:
 Curious on why you placed the Navigation at the bottom of the page?

I believe content is king and should precede navigation in the html.

 Also, why are you using all of the soft hyphens ...  #x00ad; ?

Not all of them are necessary but primarily because font-scaling in
mobile hand-sets causes long words to break the outermost containing
block [producing horizontal page wiggle ]. In plain English one has to
scroll both horizontally and vertically to read the text.  And using
-moz-hyphens:auto;-ms-hyphens:auto;-o;webkit-hyphens:auto;hyphens:auto;
is not even close to being ready for prime-time.

Best,
David Laakso

__
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] site review: hydrogeologist

2013-07-11 Thread Greg Gamble 
I wouldn't say its horrible, but you are correct in where the breaks happen, if 
they happen. It's usually not an issue if your container is sized to fit the 
text.

And what is Western text embedded inside CJK text?

Greg 
-Original Message-
From: Philippe Wittenbergh [mailto:e...@l-c-n.com] 
Sent: Thursday, July 11, 2013 7:02 AM
To: Greg Gamble
Cc: CSS Discuss
Subject: Re: [css-d] site review: hydrogeologist


Le 11 juil. 2013 à 22:54, Greg Gamble ggam...@sbctc.edu a écrit :

 As for the long words not wrapping, why not use: word-wrap: break-word;
That is a horrible solution in general for 'western' text as it breaks words at 
any arbitrary point, without respect for grammar and word-breaking rules; it 
might work in very controlled environments, eventually. Or for 'western' text 
strings embedded inside CJK text.

http://dev.w3.org/csswg/css-text/#word-break

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] Firefox the new pixel density ??

2013-07-09 Thread Greg Gamble 
Are these issue from setting the zoom with text-only option being checked?  I 
see site layout being busted when zoom is set to text-only, but not when its 
unchecked.

Greg 
-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Rob Crowther
Sent: Tuesday, July 09, 2013 5:27 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Firefox  the new pixel density ??

On 09/07/2013 02:20, Janet Lynn Ford wrote:
 1. Is there a way to target this with media queries (I read that now one
 can target dpi, but I am curious if any one is doing so, what the problems
 and/or negative effects of doing so will be.

I think this is part of the response to the issue that media queries for 
physical widths didn't really mean much, because all browsers previously 
pretended that the display was always 96DPI.  This made it 
difficult/impossible for media queries to distinguish between a 
1280x720px 20 monitor and a 1280x720px 4.5 mobile phone.  For some 
background:

http://css-tricks.com/high-dpi-monitors-resolution-independance-the-web-and-you/
http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html

 2. Does this seem strange to others? I feel like I am back in 1996 and
 facing the IE/Netscape browser wars once again.

There is a quite a lot of discussion about this on the Mozilla bug:

https://bugzilla.mozilla.org/show_bug.cgi?id=844604

 3. Is this just the wave of the future and will all browsers be doing this
 as well?

The relevant Chromium defect is here:

https://bugzilla.mozilla.org/show_bug.cgi?id=844604

 From reading through the Mozilla and Chromium defects it seems that 
IE10 has already implemented a similar behaviour to Firefox.

Rob
__
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] site review: hydrogeologist

2013-07-09 Thread Greg Gamble 
No skip links
Heading tags are not in order.  You start with an H2, go to an H1, then to an 
H5 and an H6.
Alt tags for images are empty.
Do the images have meaning, or are they used for filler?  Same image in 
multiple locations on the same page.
Hovering over a link shows a line above the link text, which can be confusing.

Looks ok on a Nokia Lumia 928 w/WP8 using IE10 and UC Browser.

Greg 

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso
Sent: Tuesday, July 09, 2013 11:53 AM
To: CSS Discuss
Subject: [css-d] site review: hydrogeologist

Constructive comments and suggestions on this responsive layout appreciated.

http://ccstudi.com/rum/
css
http://ccstudi.com/rum/r/r.css

Best,
David Laakso

-- 
Chelsea Creek Studio
http://ccstudi.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/


__
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] site review: hydrogeologist

2013-07-09 Thread Greg Gamble 
Curious on why you placed the Navigation at the bottom of the page?

Also, why are you using all of the soft hyphens ...  #x00ad; ?

Greg 
-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso
Sent: Tuesday, July 09, 2013 2:14 PM
To: CSS Discuss
Cc: Karl DeSaulniers
Subject: Re: [css-d] site review: hydrogeologist

On Tue, Jul 9, 2013 at 3:46 PM, Karl DeSaulniers k...@designdrumm.com wrote:
 Take a look at it on a phone browser. I have an iPhone 5 using safari. View 
 portrait first then rotate to landscape. The top nav (for me) is overlapping 
 the header text.

 Best,
 Karl

 http://ccstudi.com/rum/
 css
 http://ccstudi.com/rum/r/r.css


Karl, overlap not seen [behaves as intended] when rotating from
portrait to landscape in this particular iPhone 5 simulator
http://iphone5simulator.com/ .

However, what one gets on a simulator dose not always match what one
sees on an actual device.

Anyone else see the problem Karl wrote about on iPhone 5 and/or have
a fix for same? Note that the nav is the last item in the html source
and is absolute positioned in the css to the top of the page;
consequently, there may in fact be some overlap in some small screen
devices.

Best,
David Laakso


-- 
Chelsea Creek Studio
http://ccstudi.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/


__
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] background image AND background color?

2013-06-19 Thread Greg Gamble 
Sorry Tom L.  Sent this to you instead of the list.

Anyway, you need an overlay div if you're trying to simulate layers. 
Makes for css that is easier to read, in my opinion.

Greg

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tom Livingston
Sent: Wednesday, June 19, 2013 10:36 AM
To: COM
Cc: CSS-Discuss
Subject: Re: [css-d] background image AND background color?

You won't get PhotoShop multiply layer effects exactly, but using a 24bit png 
for your image with areas of alpha transparency to allow the bg color to come 
through is as close as u can get I believe.


​HTH 

—
Sent from Mailbox for iPhone

On Wed, Jun 19, 2013 at 11:54 AM, COM j...@coffeeonmars.com wrote:

 On Jun 19, 2013, at 8:37 AM, David Laakso laakso.davi...@gmail.com wrote:
 
 For those among us who dwell in the visual world, one picture is worth
 a thousand words... a click able link to your coded page would help.
 A link to the page in question is here:   
 http://coffeeonmars.com/test/flextest/flextest.html
 the part I'm talking about is at top, where it says heading one and 
 heading two; behind them in the header is a jpg of what looks like some 
 light texture. in the css is also a background color for that element: a red 
 at 0.4 alpha.
 my goal is to have the texture image's color influenced by that background 
 color, IOW, by varying the opacity of the color, the image would have more or 
 less of a reddish cast to it.
 Thank you!
 John
 __
 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-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] How best to revise my style sheet? Reverse it?

2013-06-10 Thread Greg Gamble 
Here's a nice little app to pull out all the available classes and id's on the 
page ...  for a fresh start.

http://primercss.com/index.php

Greg Gamble
SBCTC - Olympia | Information Services

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Keith Purtell
Sent: Friday, June 07, 2013 9:08 PM
To: css discuss
Subject: [css-d] How best to revise my style sheet? Reverse it?

I recently looked at the style sheet for my long-neglected hobby site. 
It's a train wreck. I started thinking about the best way to rebuild it 
from scratch. Remembered some comments I may have heard here about 
building first for mobile devices, then adding any CSS necessary for 
computers/laptops. Is that good practice? Didn't find any discussion of 
this via Google. Tips?

-Keith

__
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] menu floating away from me

2013-05-29 Thread Greg Gamble 
What style sheet is setting the LI class ( example class name  hygiene)?  
Looks to me like a z-index issue.

Greg Gamble
SBCTC - Olympia | Information Services

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Dan McCullough
Sent: Wednesday, May 29, 2013 10:55 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] menu floating away from me

I have a test site where the top nav should be lining up however it has
shifted off an to the right and I have looked at the code several times and
now my eyes are crossed and I am pulling whats left of my hair out.

Can someone take a look and tell me what I cannot see .. its normally
something simple .. oh and yes the menu had been working until I made the
content dynamic vs static.  http://bit.ly/10Hm4xx

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] Bootstrap for big projects

2013-05-07 Thread Greg Gamble 
I like it, and the span#  tags , combined with the Row tag add a lot of 
flexibility in what you can do.  As for size ... the user is only seeing one 
page at time, so it's relative.  JMO

Greg Gamble
SBCTC - Olympia | Information Services


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of trevor donahue
Sent: Tuesday, May 07, 2013 3:10 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Bootstrap for big projects

Hi list,
quick question:
Would you consider bootstrap for a big project? and for little ones?
Personally I like the idea of not having to care about creating new css
rules, instead just applying the already existent ones. I don't feel
very comfortable using rules like span4, mainly I tend to think it's too
much of a burden to rely it on html. What do you guys think?

-- 
Thanks,
Donahue Trevor
__
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] z-index question

2013-03-28 Thread Greg Gamble 
Curious ... what Browser are you looking with to get that image.

Greg 
-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chris F.A. Johnson
Sent: Wednesday, March 27, 2013 6:06 PM
To: CSS-Discuss
Cc: Debbie Campbell
Subject: Re: [css-d] z-index question

On Wed, 27 Mar 2013, Debbie Campbell wrote:

 In this site, in the footer, the links in the two boxes are clickable in all 
 the browsers checked so far except Firefox:

 http://www.redkitecreative.com/dev/prairie/about-us/

 I've tried a few different ways of stacking with no better results for FF, 
 can someone help please?

   I see a lot of problems with the page: http://b.cfaj.ca/redkitcreative.jpg.

   Perhaps when those are fixed, the other problem will also be solved.

-- 
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/


__
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] z-index question

2013-03-27 Thread Greg Gamble 
Take the z-index: -1 out of footer-container

Greg Gamble
SBCTC - Olympia | Information Services

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Debbie Campbell
Sent: Wednesday, March 27, 2013 2:19 PM
To: CSS-Discuss
Subject: [css-d] z-index question

In this site, in the footer, the links in the two boxes are clickable in 
all the browsers checked so far except Firefox:

 http://www.redkitecreative.com/dev/prairie/about-us/

I've tried a few different ways of stacking with no better results for 
FF, can someone help please?

-- 
Debbie Campbell
__
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] Page Resizing Tool

2013-03-25 Thread Greg Gamble 
Little tool we use that lets  you see a page in different sizes very quickly.  
Seems to be fairly accurate on the rendering too.

http://lab.maltewassermann.com/viewport-resizer/


Greg 
-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Eric A. Meyer
Sent: Monday, March 18, 2013 6:14 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] ADMIN: link

ARGH.  The customary kicking has been carried out, but as 
usual, it feels a bit like burning down the barn after the horse has 
already been shipped off to the glue factory.  Or words to that 
effect.
It comes as no real comfort that I've recently seen the same thing 
happen on other mailing lists, even ones with much more aggressive 
filtering (as in, stuff in addition to what you can do in MailMan) in 
place.  It appears to be something we're going to have to live with, 
unless I start adding in really Draconian measures like requiring any 
mail from a yahoo.com account to be held for approval.  No, I'm not 
going to do that.  But I've been tempted.
Anyway, sorry once more for the noise.  Carry on.

-- 
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
CSS is much too interesting and elegant to be not taken seriously.
   -- Martina Kosloff (http://mako4css.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/


__
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] Responsive navigation menu as in Wordpress

2013-01-24 Thread Greg Gamble 
You should check out Twitter Bootstrap:  http://twitter.github.com/bootstrap/


Greg Gamble
SBCTC - Olympia | Information Services
p - 360-704-4376
 think before printing

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Koen van der Drift
Sent: Thursday, January 24, 2013 9:14 AM
To: Tom Livingston
Cc: css-d@lists.css-discuss.org; Hakan Kirkan
Subject: Re: [css-d] Responsive navigation menu as in Wordpress

No, what I mean does not have that type of menu. The 'hongkiat' tutorial that 
Hakan posted is more what I had in mind.

- Koen.

On Jan 24, 2013, at 12:04, Tom Livingston tom...@gmail.com wrote:

 This?
 
 http://tinynav.viljamis.com/
 
 
 On Thu, Jan 24, 2013 at 11:37 AM, Koen van der Drift 
 koenvanderdr...@gmail.com wrote:
 Thanks for the pointers. I should have mentioned it is not for a WP page :-)
 
 - Koen.
 
 On Jan 24, 2013, at 11:35, Hakan Kirkan ad...@jump2top.com wrote:
 
  Here is a tutorial
 
  http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
 
  and a plug in for WP
  http://wordpress.org/extend/plugins/responsive-select-menu/
 
 
  Hakan KIRKAN
  IT Manager
  http://miamirealestateinc.com
  Miami/ FL
 
  On Thu, Jan 24, 2013 at 11:22 AM, Koen van der Drift 
  koenvanderdr...@gmail.com wrote:
  I am looking to transfer a navigation list into a menu that many
  Wordpress pages have on a small screen.  Not sure where to start,
  though, any suggestions?
 
  Thanks,
 
  - Koen.
  __
  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/
 
 
 
 -- 
 
 Tom Livingston | Senior Interactive 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/

__
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] responsive not being responsive with images

2013-01-22 Thread Greg Gamble 
For what it's worth, the main menus sub-menus are not usable on an HTC 8x 
Windows Phone. Taping or a short press causes a flash then it collapses, Long 
press works, but the phones context menu overrides it so again it's not 
accessible.  I suggest a tap to open and a tap to close.

Greg Gamble
SBCTC - Olympia | Information Services
p - 360-704-4376
 think before printing


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Rob Emenecker
Sent: Friday, January 18, 2013 11:59 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] responsive not being responsive with images

 In that case, you would need to use
 table-layout: fixed.

For grins and giggles I added this to the table style declaration of the
mobile.css file. It fixed the problem!

Thank you all for your input on helping to resolve this - from the
validation errors that Philip pointed out through to this little gem above
from Al, and everyone in between. It has been resolved.


Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
 
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted.



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