[css-d] Link Style Not Showing Up in IE

I'm having a problem getting the CSS to work in an unordered list in IE7 (but probably other versions of IE as well). Of course, they show up correctly in FF. And, I¹m only having this problem in the footer of the site, no place else. Here¹s a link to a sample page: http://americanartinvites.com/o

[css-d] Styling Image Links

I have applied a style to my links with this css: #right a:link {text-decoration: none; border-bottom: dotted 1px #666;} #right a:visited {text-decoration: none; border-bottom: dotted 1px #666;} #right a:hover {text-decoration: none; border-bottom: dotted 1px #666;} #rig

Re: [css-d] Styling Image Links

On 1/14/11 10:07 AM, "Jukka K. Korpela" wrote: The clean approach is to use selectors that are more specific than those in rules that are to be overridden. E.g. #right a.download-file:link { border-bottom: none; } On 1/14/11 10:11 AM, "Germán Martínez" wrote: it's not working because the selec

[css-d] Problem in IE

I'm in the middle of developing a website and have just made a change to the CSS, making the header a light shade of gray to contrast it to the content area below (it was white). It's showing up correctly in Firefox but, of course, something is amiss in IE (I'm looking at it in IE7). A link to

Re: [css-d] Problem in IE

On 2/14/11 8:39 AM, Gates, Jeff wrote: > I'm in the middle of developing a website and have just made a change > to the CSS, making the header a light shade of gray to contrast it to > the content area below (it was white). It's showing up correctly in > Firefox but, of cour

[css-d] PS Re: Problem in IE

On 2/14/11 8:39 AM, Gates, Jeff wrote: > I'm in the middle of developing a website and have just made a change > to the CSS, making the header a light shade of gray to contrast it to > the content area below (it was white). It's showing up correctly in > Firefox but, of cour

[css-d] Problem with Display in IE8

I'm having a problem with a web page's display in IE 8. Here's a quick link I set up to show you how the page looks in IE8 and how it should look: http://americanart.si.edu/test2 I don't know where to begin with this one. You can see the real page at http://africanamericanart.si.edu/timeline A

Re: [css-d] Problem with Display in IE8

On 3/24/11 2:18 PM, "Alan Gresley" wrote: On 25/03/2011 4:00 AM, Alan Gresley wrote: > I will try this again but this time with the link to the new test. IE8 and IE9 see t

[css-d] Styling Submenus on a Dropdown Menu

I have a question about styling submenus differently from the primary menus of a dropdown menu. I've created styles for the dropdown menus, but at the moment these dropdowns are inheriting the tabbed look of my primary menus. I'm experimenting with using the Superfish dropdown menu. Here's my ht

Re: [css-d] Styling Submenus on a Dropdown Menu

On 4/28/11 11:02 AM, "Chetan Crasta" wrote: To apply styles only to the first level s, use this selector: #primary-nav .tab_navigation > ul > li I'm sorry, Chetan, but I'm not getting it. Is "#primary-nav .tab_navigation > ul > li" the actual way you are suggesting writing the id? And, if so,

[css-d] Update: Re: Styling Submenus on a Dropdown Menu

Update: I forgot to add the comment-out marks to your css. I did and I now see the submenus are different. However, I've lost part of my tabs for the primary menus. Take a look to see what I mean. http://africanamericanart.si.edu/intro Jeff __

Re: [css-d] Styling Submenus on a Dropdown Menu

On 4/28/11 3:41 PM, "Chetan Crasta" wrote: I have made the corrections and put the page here: http://roughtech.com/t/intro.html Regards, Chetan Crasta Chetan, THANK YOU very much. I really appreciate the help! Jeff __ css-disc

Re: [css-d] Styling Submenus on a Dropdown Menu

On 4/28/11 11:53 AM, "Chetan Crasta" wrote: Remove this style: #primary-nav li { /* background: url("http://africanamericanart.si.edu/themes/fromscratch/images/left.gif";) no-repeat scroll left top transparent; */ } and put it here #primary-nav .tab_navigation > ul > li { background: url("

[css-d] Suddenly, A Strange CSS Occurrence

I'm suddenly seeing a strange CSS problem just with Firefox and Safari on a Mac on a site I've been working on. It's fine on Firefox, IE7 and Safari on a PC (this in itself is bizarre). Here's a sample page: http://africanamericanart.si.edu/items/show/89 If you click on View Related Material yo

Re: [css-d] Suddenly, A Strange CSS Occurrence

> I'm suddenly seeing a strange CSS problem just with Firefox and Safari on a > Mac on a site I've been working on. It's fine on Firefox, IE7 and Safari on a > PC (this in itself is bizarre). > > Here's a sample page: http://africanamericanart.si.edu/items/show/89 > > If you click on View Related

[css-d] Google Search Appliance Results Not Looking Good in IE 8

I am using the Google Search Appliance for our search on a website I'm developing. The appliance page layout page allows you to put in header and footer code to match the look of the results page with the site design. It looks fine in Firefox but the header looks really bad in IE 8 (I assume ot

[css-d] Getting Social Icons to Reposition Properly in Responsive Layout

I'm new to responsive web design. I am trying to get a row of social media icons to move to the correct positions using a responsive WordPress template as you make the screen smaller. But I'm having trouble. You can see the website in progress at http://outtacontext.com/wp2 The row of social med

[css-d] Problems Centering an Image

I am trying to center an image within a container in a responsive Wordpress web design. The URL of the problematic page is: http://www.outtacontext.com/wp2/about/past5/ I have put an orange border around the container to help show you the problem. When the viewport gets very wide, the image is no l

Re: [css-d] Problems Centering an Image

On 7/10/12 12:34 PM, "Georg" wrote: >On 10.07.2012 17:19, Gates, Jeff wrote: >> I am trying to center an image within a container in a responsive >> Wordpress web design. The URL of the problematic page is: >> http://www.outtacontext.com/wp2/about/past5/ >

Re: [css-d] Problems Centering an Image

On 7/10/12 12:52 PM, "Tom Livingston" wrote: >>> >>>Add... >>> >>>a.nounderline {display: table; >>>margin: 0 auto; >>>position: relative;} >>> >>>...and it will center in all browsers that support positioning on CSS >>>table. >>> >>>regards >>> Georg >> >> >> Thanks Georg. The problem wi

Re: [css-d] Problems Centering an Image

On 7/10/12 1:26 PM, "Tom Livingston" wrote: >> Yes, Tom. I used this CSS on the container around the [two] images (the >>on >> and off images): >> >> #past_background div.past5 { >> display: block; >> margin-left: auto; >> margin-right: auto; >> width:60%; >> } >> >> >> The problem is is that I c

Re: [css-d] Problems Centering an Image

sest positioned parent and not on the position of the >> closest parent. >> The solution is old and has support on most browsers: centering a zero >> width closest parent (by closest I mean next up in the stack). >> You have a good exemple here: >> http://www.w

[css-d] Responsive images not scaling down

Two images on a page don't seem to be resizing as they should when I reduce the viewport. The page in question is http://www.outtacontext.com/wp2/about/past7/ I have a three column layout on this page with images in the left div and the right div. Text is in the middle div. I have a max-width:10

Re: [css-d] Responsive images not scaling down

15.07.2012 23:45, Gates, Jeff wrote: > Can someone tell me why the images aren't scaling down? Thanks. Images scale fine - never wider than 100% of their containers, but with only 22% width left for the "center column" the layout doesn't force image scaling until page is so narrow t

[css-d] Footer Needs a Couple CSS Tweaks

I am creating a new footer for our organization's website. And I almost have it but can't seem to fix a couple things. You can see the page in question here: http://americanart.si.edu/collections/index_footer.cfm The issues are: 1. I can't seem to get rid of the white space under the brown foote

Re: [css-d] Footer Needs a Couple CSS Tweaks

On 9/27/12 2:09 PM, "Tom Livingston" wrote: >I think #2 is related to #1... > > > > >On Thu, Sep 27, 2012 at 2:04 PM, Gates, Jeff wrote: >> I am creating a new footer for our organization's website. And I almost >> have it but can't seem to

Re: [css-d] Footer Needs a Couple CSS Tweaks

On 9/27/12 2:45 PM, "Tom Livingston" wrote: >On Thu, Sep 27, 2012 at 2:37 PM, Gates, Jeff wrote: >> >> >> On 9/27/12 2:09 PM, "Tom Livingston" wrote: >> >>>I think #2 is related to #1... >>> >>> >>> >>

Re: [css-d] Footer Needs a Couple CSS Tweaks

On 9/27/12 3:05 PM, "Tom Livingston" wrote: >On Thu, Sep 27, 2012 at 2:59 PM, Gates, Jeff wrote: >> >> >> On 9/27/12 2:45 PM, "Tom Livingston" wrote: >> >>>On Thu, Sep 27, 2012 at 2:37 PM, Gates, Jeff wrote: >>>> >>&g

Re: [css-d] Footer Needs a Couple CSS Tweaks

On 9/27/12 3:53 PM, "Tom Livingston" wrote: >On Thu, Sep 27, 2012 at 3:45 PM, Gates, Jeff wrote: >> >> >> On 9/27/12 3:05 PM, "Tom Livingston" wrote: >> >>>On Thu, Sep 27, 2012 at 2:59 PM, Gates, Jeff wrote: >>>> >>

Re: [css-d] Footer Needs a Couple CSS Tweaks

On 9/28/12 11:03 AM, "Tom Livingston" wrote: >On Fri, Sep 28, 2012 at 11:01 AM, Tom Livingston wrote: >> On Fri, Sep 28, 2012 at 10:36 AM, Gates, Jeff wrote: >>> >>> >>> On 9/27/12 3:53 PM, "Tom Livingston" wrote: >

[css-d] Media Query Not Working

I am redesigning a splash page and in it I have a jquery slider (which is responsive). The page has to reformat gracefully from a full site to a smartphone size. Most of our site is mobile already. The slider is resizing nicely but the captions that are included in some of the slides are not. Fir

Re: [css-d] Media Query Not Working

>2012-12-19 21:11, Gates, Jeff wrote: > >> Firebug is showing that when it's resized it's still applying the >>regular >> style for the caption >[...] >> @media only screen and (max-device-width: 480px) { > >The rule tests for device width, not v

[css-d] IE Browser Mode; IE Document Mode

I'd like some clarification on how and legacy modes affect the look of a web page in versions of IE. I work with many people so I am not in total control of how pages are coded. But I would like to know enough to bring up a discussion amongst my fellow workers so we can be consistent and present

Re: [css-d] IE Browser Mode; IE Document Mode

ilto:e...@l-c-n.com>> wrote: Le 30 janv. 2013 à 02:22, "Gates, Jeff" mailto:gat...@si.edu>> a écrit : > Right now we use a tag on our pages that tells the page to render in IE7: > . In working on a new > splash page all looked good in Firefox, Chrome, Safari but ther

Re: [css-d] IE Browser Mode; IE Document Mode

From: Tom Livingston mailto:tom...@gmail.com>> Date: Wednesday, January 30, 2013 9:35 AM To: Jeff Gates mailto:gat...@si.edu>> Cc: Philippe Wittenbergh mailto:e...@l-c-n.com>>, "css-d@lists.css-discuss.org" mailto:css-d@lists.css-discuss.org>> Subject: Re: [css

[css-d] Too much space in header

I've noticed a problem with how my header displays on individual blog post pages when the site is viewed on a smartphone. It's a WP responsive template. The media queries defining both seem to be the same (unless I'm missing something, which is possible). Here is an example of what it looks like:

[css-d] Changing Visibility on Just One Element

I¹m trying to find a workaround for hiding one headline on a shopping cart hosted page. I don¹t have access to the code on the page but I can create some CSS to hide the element. Unfortunately, it also hides other headlines on the page. This is the CSS that will hide ALL headlines on the checkout

Re: [css-d] Changing Visibility on Just One Element

On 12/17/14, 3:43 PM, "Jukka K. Korpela" wrote: >2014-12-17, 22:24, Gates, Jeff wrote: > >> I only want to hide one headline. Here is the code for that headline: >> >> Your Shopping Cart >> > >If that is the entire element, you can hide it with &

Re: [css-d] Changing Visibility on Just One Element

On 12/17/14, 5:28 PM, "MiB" wrote: > >dec 17 2014 22:34 Gates, Jeff : > >> Jukka and Joergen, I¹ve already tried #cart-contents legend { >>visibility: >> hidden; } and it didn¹t work. Actually, that was the first thing I >>tried. > >Use the web

Re: [css-d] Changing Visibility on Just One Element

On 12/17/14, 4:52 PM, "Jukka K. Korpela" wrote: >2014-12-17, 23:34, Gates, Jeff wrote: > >> I¹ve already tried #cart-contents legend { visibility: >> hidden; } and it didn¹t work. Actually, that was the first thing I >>tried. > >Where did you put that rul

Re: [css-d] Changing Visibility on Just One Element

On 12/18/14, 10:04 AM, "Jukka K. Korpela" wrote >2014-12-18, 16:26, Gates, Jeff wrote: > >> Yucca, question: when you used the Firefox Web Developer Extension, did >> you notice if every legend disappeared or just the very first one (Your >> Shopping Cart)? &g

[css-d] CSS solution for a "curly" apostrophe

Is there a way I can use css to replace all dump apostrophes with curly ones? I¹m getting sick of searching and replacing with an html entity. I¹d like to apply it to the body so that it applies to all apostrophes. Thanks, Jeff > __

Re: [css-d] CSS solution for a "curly" apostrophe

On 10/9/15, 12:20 PM, "Philip Taylor" wrote > > >Gates, Jeff wrote: > >> Is there a way I can use css to replace all dump apostrophes with curly >> ones ? > >Google has never heard of "dump apostrophe(s)" (and neither have I), so >I reg

Re: [css-d] CSS solution for a "curly" apostrophe

the client >(in Javascript). For example, Wordpress typically does it in the backend. > > >On 10/9/15, 9:23 AM, "css-d-boun...@lists.css-discuss.org on behalf of >Gates, Jeff" gat...@si.edu> wrote: > >>On 10/9/15, 12:20 PM, "Philip Taylor" wrote &