[css-d] need help with mobile navigation

I'm in the process of redesigning a site for a client. I added a side navigation for the main nav on smaller screens. One problem I'm having is that on mobile devices, the screen pushed over to the left and leaves space for the sliding side navigation even though its not engaged. It doesn't do this

[css-d] issue with responsive navigation

I'm working on a site with a responsive navigation that is horizontal on a small screen and collapses to a vertical sliding nav on smaller screens. This could be a minor issue, but when the screen resizes from small to larger, the navigation doesn't quite revert to its original state. Does anyone n

[css-d] issue with pop-out navigation

I'm trying to incorporate a pop-out navigation (from https://www.w3schools.com/howto/howto_js_sidenav.asp) to work with a wordpress-created navigation. The problem I'm having is getting the a links to show up within the ul and li. Here's the demo page I'm working with. What am I overlooking in orde

[css-d] help with responsive navigation

Looks like I'm having hosting issues. The css file is updated (I can see the updates in the WP editor) but for some reason the site isn't refreshing the file. Thanks. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-disc

[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

[css-d] question about css-only mobile responsive menu

I came across this blog post and demo for a css-only responsive menu and I've been playing with it to figure out the nuances of how it works. One problem I've run into is that when the demo screen is reduced, the menu appears as intended. I copied the file and css exactly as the demo page (I even d

Re: [css-d] help with responsive menu dropdown

Oh crap. I completely overlooked that. That solved the problem. Thanks Philippe. On Thu, May 21, 2015 at 12:24 AM, Philippe Wittenbergh wrote: > > > Le 21 mai 2015 à 04:06, Chris Kavinsky a écrit : > > > > I'm trying to retrofit an existing site that's using a

[css-d] help with responsive menu dropdown

I'm trying to retrofit an existing site that's using a horizontal navigation menu with dropdowns. The problem I'm having is getting the menu to appear on:click when the screen size is smaller. Its doing it entirely using css. I created a static version before moving it to the wordpress site, and it

[css-d] trouble with responsive horizontal menu

I'm trying to retrofit a client site to be responsive and running into an issue with the navigation. I want the horizontal menu to collapse when smaller and appear on-click but having issue getting the click to work. Below is the live site and I've also included the css. What am I overlooking? htt

[css-d] @font-face quirk

I added web fonts to a client site and noticed a quirk in Firefox. When I go to the page url the first time, the fonts don't appear properly. If I click to an interior page, and then click back to the home page via navigation, the fonts then work. Any idea why they don't load or recognize initially

[css-d] need some help with IE8

I'm working on a site that looks good in all modern browsers but the home page is falling apart in IE8 and can't fiigure out why. Here's the link: http://www.greencrest.com/clients/ipeg/ The two small Vendor boxes should float to the right of the content area, but in IE8, they're dropping below i

[css-d] ipad quirks?

Not sure if this is an appropriate question or not for this group since this question most likely is a jquery issue and not a css one. I have a client claiming the slideshow on his home page isn't working properly when he views it on his ipad using both Safari and IE7. He says the photos don't cycl

[css-d] strange color change in ipad

I'm working on a web site and the client just reviewed it using his ipad. For some reason, the ipad browser is rendering the phone number in both the header and footer in blue instead of white. Blue is the default hyperlink color, but neither are linked. I don't have an ipad to properly troubleshoo

[css-d] help with positioning

I'm working on a new site where I used relative positioning to arrange the logo and nav horizontally. Consequently, there was a huge gap between the site header area and the content area because of the repositioning of the logo, so I moved the content up to fill the space (top:-115px). There's a gr

[css-d] two-column layout question

I'm working on a site that's a basic two-column layout, the larger on the left and the shorter on the right. I'm trying to set up the CSS to be responsive, but there's a couple of challenges I'm running into that I could use some help with. The right column has a 3rd-party plugin that uses a set w

[css-d] trouble with @font-face

I'm having some issues getting @font-face to wok on a site and I'm sure I'm missing something simple. Its a static html site (for now) and got the font from fontsquirrel.com. I originally had the font files in a subdirectory and the stylesheets in another, so thought that was the problem. - I move

[css-d] help with centering floated list

Has anyone had any luck with being able to center a list that floats the list items so it can be horizontal? The only technique I was able to find required the css to use overflow:hidden, but that wouldn't work for the project I'm working on since the navigation could potentially use drop submenus,

[css-d] @font-face issue in PC browsers

I'm working on a site using @font-face for font styling, and running into a problem with PC-based browsers (both IE and Firefox). For some reason, its choking on the @font-face css, and not only not rendering the fonts, but also killing the rest of the CSS. Anyone run into a similar problem and hav

[css-d] weird firefox bug?

A client just pointed something out to me on their site, and after an hour of messing with it, I figured out what was causing it. Basically, if you have a list item (same issue with both ol and ul lists) that is hyperlinked and also has a strong tag applied to it, and if the list item extends to a

[css-d] mobile css reference

Can anyone recommend a good mobile css reference? I'm trying to build a handheld css file for a site I'm working on and can't seem to get it to read properly. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/

[css-d] issue with suckerfish menu

I have a styled list for a site navigation I'm working on with a suckerfish dropdown menu. Below it I have an h1 tag with an image in it. I used a negative top with relative positioning to get the image/logo to creep into the nav bar. However, because of it, I can't get my mouse to hit the dropdown

[css-d] help with button background alignment

I'm having an alignment issue in Safari and Chrome with a button background and I can't figure out what's going on. Basically, in the site search in the upper right, I added a background image to the button and the search area is using a corner radius. In Safari and Chrome (Firefox renders it the w

[css-d] help with a table wrapping around a float

I have a web page with a section of content floating to the right of the main content on the page. Within the main content is a table with a width set at 100% to fit the width of the page. The floated content comes first on the page so the main content will wrap around it, and it has a left margin

[css-d] issue with @font-face

Anyone savvy with working with @font-face? I'm trying to incorporate it on a site and can't get it to work right. The problem is storing the font files on one IP, and linking to it from another IP. I'm not sure if its just not possible, or if I have the css code incorrect. Here's the original css:

[css-d] trouble getting a search form to line up properly

I'm having a constant issue come up and have yet for the life of me been able to figure it out, and thought someone in this group can help me out. I'm building a site that has a couple of links in the header area and want the site search to sit to the right of those links. However, the search form

[css-d] getting a horizontal list to float to the right

I'm working on a site with a horizontal navigation. Ideally, I would like the list to float to the right side of the frame, but due to applying float:left to the individual li items, I can't get it to work properly. Am I doing something wrong, or is there a trick for this without sieeting a specifi

[css-d] popup box getting cut off

Not sure how much of this is a css issue and what is a js/jquery issue. I'm using a jrquery calendar script to have event names display in a popup menu when you hover over a hyperlinked date. The problem is that the popup is getting restricted based on the parent calendar/table, hence cutting off i

[css-d] floated list item not lining up horizontally

I created an unordered list where the background image displays in place of text. For some reason, the list is staggering down a few pixels from each other as you move to the right and I can't figure out why. Here the link: http://associationdatabase.com/aws/OHPCO/pt/sp/home_page Here's the CSS c

[css-d] removing input background color

I'm replacing the button for a search form with a background image. The image is a transparent png file, and even though the background-color is set to none, a light grey color is showing up. Here's the CSS I'm using for it: form input.search_button { display:block; background-colo

[css-d] conflict with suckerfish dropdowns and SmoothGallery in IE7

Not sure how m,uch of this is a CSS issue, but my dropdown menus are hiding behind a SmoothGallery slideshow in IE7. It doesn't occur in Safari or Firefox. If I was using Flash, I can set the wmode to transparent, but not sure how to fix it with the JavaScript generated slideshow. Any help would be

[css-d] problem with IE7, suckerfish and flash video

I'm running into a real poser and hopefully someone can help me out. I'm building a site using Son of Suckerfish dropdowns for the main navigation. One one page, I have a Flash video imbedded at the top of the content area where the dropdowns overlap. I added wmode="transparent" to get the dropdown

[css-d] issue with background images

I'm trying to build a horizontal nav bar that contains a rounded-corner background on both left and right on the top. I'm using two background images, one for each side. The container div has the right side for a backgorund, and the floated unordered list has the left for a background image. Initia

Re: [css-d] conflict with suckerfish dropdowns and Flash in IE

That did it. I can be a dumbass sometimes. Thanks. On Thu, May 1, 2008 at 9:21 AM, vincent pollard <[EMAIL PROTECTED]> wrote: > have you put wmode="transparent" in the EMBED tag? that usually is what's > missing. > > > 2008/5/1 Chris Kavinsky <[EMAIL PR

[css-d] conflict with suckerfish dropdowns and Flash in IE

I'm having trouble with an IE problem that I'm hoping someone here can help with. I'm building a site using suckerfish dropdowns on the navigation, and also using sIFR for the headlines, and have a rotating Flash using slideshow on the home page. The problem with IE is that the dropdown (far right

Re: [css-d] IE7 problem with dropdowns

, Mar 24, 2008 at 6:10 PM, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Chris Kavinsky wrote: > > Doing that, and it works fine on the static page. The problem, for > > some reason, is that it doesn't work on the page that's generated by > > the CMS (although the

Re: [css-d] IE7 problem with dropdowns

> At 07:14 AM 25/03/2008, Chris Kavinsky wrote: > >I having a very bizarre problem with suckerfish dropdowns and IE7. I > >have two versions of a page referencing the same CSS file -- one is a > >static page on the same server as the CSS file, the other generated by > &

[css-d] IE7 problem with dropdowns

I having a very bizarre problem with suckerfish dropdowns and IE7. I have two versions of a page referencing the same CSS file -- one is a static page on the same server as the CSS file, the other generated by a CMS program on a different server. The problem is the dropdown menus are sticking in th

[css-d] IE problem with suckerfish dropdowns

I'm creating a navigation menu using Suckerfish Dropdowns with the main list items are centered within the li tags, and the dropdown items are aligned left. The desire is for the dropdown container to align left with the main list item. Firefox and Safari get it right, but IE (6 and 7) align the dr

Re: [css-d] dropdown menu issue with IE6

The dropdowns are there, but they're showing up off the screen to the right. You should be able to see a portion of the "About OSC" dropdown. The rest are off somewhere. IE7 works fine, as well as Safari and FIrefox (Windows and Mac). With Firefox on the Mac, it sometimes hides behind the Flash unt

Re: [css-d] dropdown menu issue with IE6

Tue, Feb 19, 2008 at 11:08 AM, Chris Kavinsky <[EMAIL PROTECTED]> wrote: > I've run into a real poser with using drop down menus and IE6 (real > surprise). Here's the scenario: > > -I have two horizontal navigation areas using Son of Suckerfish dropdowns > -

[css-d] dropdown menu issue with IE6

I've run into a real poser with using drop down menus and IE6 (real surprise). Here's the scenario: -I have two horizontal navigation areas using Son of Suckerfish dropdowns -the 2nd area is also using background image replacement -one page has a Flash file where the 2nd level dropdowns were getti

Re: [css-d] suckerfish dropdowns hiding behind graphics

That worked. Thanks. On Jan 15, 2008 12:12 PM, Kevin Davison <[EMAIL PROTECTED]> wrote: > Chis, did you try this: > > #nav { > position:relative; > z-index: 999; > } > (in addition to your other rules) > > K > > -- > > Quevin, LLC > Kevin Davison > Phone/Fax: 888.420.4571 > > Skype: kevinpdavison

[css-d] suckerfish dropdowns hiding behind graphics

I'm running into a problem using a combination of suckerfish dropdown menus and background image replacement w/ suckerfish dropdown menus. In a nutshell, I have 2 sets of horizontal navigations using suckerfish. The top is all text, the second is using image replacement. My problem is the top list