Web Analytics Made Easy -
StatCounter Want to center some image links - CodingForum

Announcement

Collapse
No announcement yet.

Want to center some image links

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Want to center some image links

    Hi all,

    This is probably simple, but I can't get it working for some reason.

    At http://www.bartlett-family.net/chris...tt/index2.html I want the 8 image links below the "Quote of the moment" to be centered between the vertical lines.

    I'd appreciate help.

    CSS is here and the class in "centerinline".
    My Site | My Blog

  • #2
    this doesnt answer your questrion but

    http://www.websiteoptimization.com/s...nalyze/wso.php

    TOTAL_SIZE - Warning! The total size of this page is 453348 bytes, which will load in 90.55 seconds on a 56Kbps modem.

    i only thought to do this cause it took like 10 seconds to load on my DSL connection

    i think the problem is this image: http://www.bartlett-family.net/chris...mboo_Grove.jpg

    its 80kb
    later

    Comment


    • #3
      Well aware of the size...

      It's a graphic intensive site, but especially this index page because I preload a zillion images through CSS. The rest of the pages are much smaller and faster.

      Chris
      My Site | My Blog

      Comment


      • #4
        Add this to your CSS
        Code:
        .centerinline ul li {
        width:80px;
        margin:auto;
        }
        ||||If you are getting paid to do a job, don't ask for help on it!||||

        Comment


        • #5
          Ah, yes. I see now... Thanks AE, as usual!

          One other thing, though... Have a look at the bottom image (HTML Writer's Guild" image)... It's narrower than the other ones (64px wide, not 80). How do I get around centering this one, too?

          Should I just create a brand new list solely for that image? Seems wasteful to, but it's all I can think of.

          Chris
          Last edited by cjwsb; Jul 29, 2005, 07:27 PM.
          My Site | My Blog

          Comment


          • #6
            Try this first
            Code:
            .centerinline ul li {
            display:inline;
            clear:left;
            }
            If that doesn't work in IE, then give an id to that li only and specify a width that equals that image's width.
            Last edited by _Aerospace_Eng_; Jul 29, 2005, 07:32 PM.
            ||||If you are getting paid to do a job, don't ask for help on it!||||

            Comment


            • #7
              Yes, I would assume that would work... It's not, though. Check me, please

              CSS:
              Code:
              #thinner ul li {
              	width: 64px;
              	margin: auto;
              }
              XHTML added:
              Code:
              <li id="thinner">
              Shouldn't this work?

              Chris
              My Site | My Blog

              Comment


              • #8
                How will this work?
                Code:
                #thinner ul li {
                	width: 64px;
                	margin: auto;
                }
                that is calling an li that is in a ul that is in an element with id thinner which doesn't make sense, unless there was another unordered list inside of an li with id thinner, this will work.
                Code:
                #thinner {
                	width: 64px;
                	margin: auto;
                }
                ||||If you are getting paid to do a job, don't ask for help on it!||||

                Comment


                • #9
                  You were right. Yup, my bad. Thanks a lot!

                  Chris
                  My Site | My Blog

                  Comment

                  Working...
                  X