Jump to content

newseed

Members
  • Posts

    501
  • Joined

  • Last visited

Posts posted by newseed

  1. You are going to need jquery. Although you can make such a dropdown without it but the problem is that when you touch the menu the dropdown will only stay open as long as your finger is still touching it which is why you need a bit of jquery to tell it to stay open when first touched and to close when touched again.

  2. We are not seeing the changes we have suggested to you. This is the last time I will point this out. Per my July 1st post to you this is what you need to change to make it lay down correctly:

     

    .news_pictures .news_pictures_list { margin-right: -13px; overflow: hidden; /*really don't need this*/ padding: 0;}

    .news_pictures .news_pictures_list li { float: left; height: 130px; list-style: none outside none; margin-bottom: 9px; margin-right: 9px; width: 198px;}

    .news_pictures .news_pictures_list li img { height: 120px; width: 198px;}

     

     

    Now if you want the far left images (or third image of each row) to flush to the right then you will need to define a class for the end li and then use margin-right: 0; Then you would adjust the other two so that it balances out the spacing.

     

    .news_pictures .news_pictures_list li.end
    {
    margin-right: 0;
    }
  3. Per your link, you have not touched the correct ul and you may have set the width for one thing but the other. You have 3 places to edit in order to lay down correctly.

     

    .news_pictures .news_pictures_list { margin-right: -13px; overflow: hidden; /*really don't need this*/ padding: 0;}

    .news_pictures .news_pictures_list li { float: left; height: 130px; list-style: none outside none; margin-bottom: 9px; margin-right: 9px; width: 198px;}

    .news_pictures .news_pictures_list li img { height: 120px; width: 198px;}

     

     

    Now if you want the far left images (or third image of each row) to flush to the right then you will need to define a class for the end li and then use margin-right: 0; Then you would adjust the other two so that it balances out the spacing.

     

    .news_pictures .news_pictures_list li.end
    {
    margin-right: 0;
    }
    Finally, you are using one extremely large image and the rest could be downsized as well optimized so that it loads quickly.
  4. Sorry that it didn't work out for you. Sounds like the course you are taking is not up to speed about html and css. Did your course allow you to use the automated feature to save your photoshop design or where you suppose to build it from scratch. I am betting that the photoshop save results is spitting out code that has more inline styles than you care to count and may probably be the issue.

  5. You should really ditch the 'Save for web'feature that Photoshop has because it produces tables and images galore.But you can try a couple of things to get rid of white lines:Set tables and td to padding: 0; and margin: 0; as well as setting border-collapse: collapse.Next, set images to display: block;

     

    CSS:

    table, td { border-collapse: collapse; padding: 0; margin: 0;}

    img {display: block;}

  6. Sound like to me that the animated gif files are a bit heavy (big file size). If so, then of course it will lag. Anyway, not sure why you want to use animated gifs. It such old school. Either use jquery or create a video depending on what this gif file is about.As for the 'Welcome' alt tag, normally that gets displayed when either the image does not load or a person has his browser's setting to not show images.

  7. Keep in mind that not everyone can upgrade. Believe it or not we still have a ton of XP users some of which are still using IE8. For those that are running still running IE9 and 10 may not want to upgrade for whatever reason.

     

    Never the less, I am looking forward to where we don't have to worry about IE's quirks.

  8. Firstly. this is not valid: style="navbutton"

     

    Start commenting out all the css that is not related to the menu. Once you find that the menu no longer has the glitch, start adding back the commented out css a little bit at a time. If the glitch starts up again then at least you will narrow down what css might be the cause. You can do the same thing with html as well.

  9. So are you saying that the carousel has never worked? If it has worked then the best thing is to undo what you have done firstly by checking to see if you have added any new javascripts. If you don't know for sure then start disable each js that is not related to the carousel js. Sometimes that will narrow down the culprit.

×
×
  • Create New...