Skip navigation
Currently Being Moderated

spry menu sticking to the left

Feb 8, 2013 10:25 AM

I'm trying to have a centered spry nav menu on a fluid grid cs6 layout, but it sticks to the left. I thought inserting AUTO on both margins was supposed to help but it doesn't:

{

padding: 0;

          list-style-type: none;

          font-size: 100%;

          cursor: default;

          width: 100%;

          margin-top: 0;

          margin-right: auto;

          margin-bottom: 0;

          margin-left: auto;

}

 

 

BTW I have the spy menu inside it's own DIV, is this unnecessary? Better to have it inside the grid container on its own?

 
Replies
  • Currently Being Moderated
    Feb 8, 2013 12:21 PM   in reply to Anita Adamski

    Very hard to diagnose code snippets in isolation based on a description alone.

     

    Best if you upload the problem page to the web and post a link so we can view it in our browsers.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 8, 2013 4:16 PM   in reply to Anita Adamski

    BACKGROUND IMAGE:

     

    body {

        margin:0;

        padding:0;

        background: url(images/123-1407-bkg2.jpg) no-repeat center center fixed;

    /**scalable BG for various browsers**/

        -moz-background-size:cover;

        -webkit-background-size:cover;

        -ms-background-size:cover;

         -o-background-size:cover;

         background-size:cover;

    }

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 8, 2013 4:23 PM   in reply to Anita Adamski

    MISSING CSS FILES

    module, base, skeleton & layout css are 404 not found on server.

     

    OPACITY:

    To create a semi-transparent division that won't effect opacity of content, use background with RGBA.  The following is white with 40% opacity.

     

    .gridContainer {

      background: rgba(255,255,255,0.4);

    }

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 9, 2013 11:31 AM   in reply to Anita Adamski

    I only mentioned they were 404 not found because your page references them.

     

    CSS code belongs in your external CSS file or embedded within <style> tags inside the <head> of your HTML document.  You incorrectly put the CSS code I gave you into your <body> tag. 

     

    Where exactly is the FluidGrid.css file for this page layout?

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 9, 2013 12:41 PM   in reply to Anita Adamski

    Anita Adamski wrote:

     

    FluidGrid.css would be external sheet aa.css,

    That link to that file is pointing to your local hard drive in the page code (it's a 404 Not Found)

     

    <link href="file:///Macintosh HD/Users/anitaadamski/Sites/aa/aa.css" rel="stylesheet" type="text/css">

     

    should read

     

    <link href="stylesheets/aa/aa.css" rel="stylesheet" type="text/css">

     

    and the file aa.css should be uploaded to the aa folder inside the stylesheets folder on your remote server.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 9, 2013 12:47 PM   in reply to Anita Adamski

    Anita Adamski wrote:

    I can copy css sheets over and upload?

    Yes, so long as the links in the page code point to the files in the correct location in the folder structure on the server.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 9, 2013 1:56 PM   in reply to Anita Adamski

    For each project, I create different site definitions in DW.  Even though some projects use the same remote server.

     

    I highly recommend using a separate style sheet for your Fluid Grid Content styles.  The FGL.css is really for layout only.  One misstep with that and the whole thing falls apart. 

     

    A live example (view source to see the content.css)

    http://alt-web.com/FluidGrid/Fluid.html

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 9, 2013 6:34 PM   in reply to Nancy O.

    I thought I had just aa.css and the boilerplate.css on this job.

     

    I have spent the last couple hours going over tuts recommended earlier on DW CS5 Beginner Help, http://forums.adobe.com/thread/1150252?tstart=0  Learned some stuff. Will study http://alt-web.com/FluidGrid/Fluid.html  and start both jobs over.

     

    Thank you Nancy and John.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 19, 2013 2:18 PM   in reply to Anita Adamski

    I don't mean to burst your bubble, but your menu isn't responsive on mobile devices.

     

    There's no reason to use a table for content unless you're presenting tabular data like a spreadsheet or chart.

     

     

    #divName {

    width: 50%;

    margin:0 auto;

    background: rgba(255,255,255,0.8)

    }

     

     

    <div id="divName">

    Content goes here....

    </div>

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 19, 2013 2:43 PM   in reply to Anita Adamski

    You still have quite a few CSS files.  I don't really understand the logic of having so many.  But use whichever style sheet you're most comfortable using for your content styles.  Try to be consistent.

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points