Re: [css-d] substitute font for Myriad Pro

2013-03-22 Thread Laura Valentino
On Fri, Mar 22, 2013 at 11:22 AM, Hull, Lauribeth lh...@everettsd.org wrote: The district I work for has a new logo and the graphic artist has Myriad Pro as the supporting font. I know I need to have some back-up fonts in my css. I have found the following options in researching online.

Re: [css-d] Drop down menu pushing content down

2013-03-19 Thread Laura Valentino
On Tue, Mar 19, 2013 at 12:17 PM, Mike m...@integrawebdesign.co.uk wrote: Hi guys, I hope someone can help with a little problem. A new website I am designing looks perfect in Firefox 18 on Linux and in Safari. But it's not right in Opera on Linux, Chrome on Windows and probably several

[css-d] resolution vs physical screen size

2013-03-12 Thread Laura Valentino
I'm not sure if this is going off-topic for this list; if someone knows of a more appropriate place to ask this please let me know. It does have to do with media queries, but it's more of an aesthetic question than a practical one. My problem with grasping the media queries concept is the fact

[css-d] fluid image inside div puts extra padding below

2013-03-08 Thread Laura Valentino
Hi, I have a fluid image inside a div and it is putting some padding below the image (the div is colored blue so you can see it in the example). How can I remove it? I've tried various things with the margins and padding of the image and the div, but to no avail. The example is here, and I've

Re: [css-d] fluid image inside div puts extra padding below

2013-03-08 Thread Laura Valentino
On Fri, Mar 8, 2013 at 4:57 PM, Jon Reece jon.re...@gmail.com wrote: Because images, like text, are inline by default, there is extra space added below for descenders. The 2 easiest ways to prevent this from happening are 1) apply display: block to the image, or 2) add vertical-align:

Re: [css-d] Can You Do This?

2013-03-06 Thread Laura Valentino
On the other hand, eventually, one may have the need to reshuffle the table to make it more usable on e.g. small-screen devices, along the lines of this demo (resize browser window to something narrow): http://dbushell.com/demos/tables/rt_05-01-12.html Ah...good point. Thanks for the link

Re: [css-d] clear content after non-floating items?

2013-03-05 Thread Laura Valentino
Yes, thanks! (why didn't I think of that...) Laura Take that height: 2em; off of .mainmenu and it will be able to grow to what it needs to when items wrap. -Tim __ css-discuss [css-d@lists.css-discuss.org]

Re: [css-d] clear content after non-floating items?

2013-03-05 Thread Laura Valentino
Sorry...I see Tom also noticed that, credit where credit is due :) Laura On Tue, Mar 5, 2013 at 12:54 PM, Laura Valentino la...@vidmot.com wrote: Yes, thanks! (why didn't I think of that...) Laura Take that height: 2em; off of .mainmenu and it will be able to grow to what it needs

Re: [css-d] Can You Do This?

2013-03-05 Thread Laura Valentino
Is it because the width of the 3 td's add up to greater than 100%? I've never heard of floating table cells - not sure why you'd need to. Laura On Tue, Mar 5, 2013 at 1:38 PM, Barney Carroll barney.carr...@gmail.comwrote: float only works on block display elements, whereas table cells display

[css-d] clear content after non-floating items?

2013-03-04 Thread Laura Valentino
My main menu bar is not supposed to wrap (it doesn't on my 2nd gen ipod touch) - but I fear that on some device somewhere, it will wrap. This wouldn't be the end of the world except for the ugly way the wrapped menu item overlaps the following content. (you can see the effect if you size the

Re: [css-d] hover and active pseudo classes on touch screen

2013-02-28 Thread Laura Valentino
for pointing me in the right direction! On Wed, Feb 27, 2013 at 6:37 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Feb 27, 2013 at 12:51 PM, Laura Valentino la...@vidmot.com wrote: Touch screens seem to ignore my a:active color and just use some random color, and the a:hover color (which I

[css-d] hover and active pseudo classes on touch screen

2013-02-27 Thread Laura Valentino
Touch screens seem to ignore my a:active color and just use some random color, and the a:hover color (which I expected to do nothing on a touch screen) becomes something like selected link color (stays highlighted) - which is actually kinda cool, if unexpected. Is this a known thing? Google isn't

[css-d] percents inside em container in fluid site

2013-02-25 Thread Laura Valentino
I'm trying to wrap my head around how to use percentages inside a container specified in ems...or is this a bad idea? I used ems to specify the max-width of the main container, as I think this will limit the upper width while still allowing downwards fluidity. Inside the container are 2 floated

Re: [css-d] percents inside em container in fluid site

2013-02-25 Thread Laura Valentino
Oh wait...is it that the padding counts towards the total? That would make sense :) Laura On Mon, Feb 25, 2013 at 4:48 PM, Laura Valentino la...@vidmot.com wrote: I'm trying to wrap my head around how to use percentages inside a container specified in ems...or is this a bad idea? I used ems

[css-d] Positioning a popup window over the button

2012-01-07 Thread Laura Valentino
I'm trying to position a popup window over a button. I've succeeded in doing that by using position: relative and applying a negative top value. The problem is that it creates a space below the button (I assume the same size as the window) and pushes the footer down below that. What's going on??

Re: [css-d] Positioning a popup window over the button

2012-01-07 Thread Laura Valentino
On Jan 7, 2012, at 10:47 AM, G.Sørtun gunla...@c2i.net wrote: One solution is to add ' margin-bottom: -460px;' to div id='PopUp' - (height + padding + border-width), so it doesn't take up any space in original position. Thanks Georg, that solves the problem! I have yet to wrap my brain