1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How do i Center this Gallery??

Discussion in 'CSS' started by moodey-aimee, May 20, 2010.

  1. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #21
    Ok I have done that, and it's still not centre on Chrome, or Firefox. On IE it is though but that's only for the Latest version IE 8.0.06001. 18928 On other Versions its completely messed up and all the images are going Straight down in a line, like the Navigation
     
    moodey-aimee, Jun 12, 2010 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #22
    You have this,
    #content {
    background-color:#000000;
    color:#7905AA;
    display:inline;
    float:right;
    margin-left:0;
    min-height:500px;
    width:820px;
    }
    Code (markup):
    in animestyle2.css (line 55) that overrides the same id token in highslide.css. Comment it out (make it look like this):
    
    /* See #content in highslide.css*/
    /*
    #content {
    background-color:#000000;
    color:#7905AA;
    display:inline;
    float:right;
    margin-left:0;
    min-height:500px;
    width:820px;
    }
    */
    Code (markup):
    Next, I mis-named the ul element's class. Instead of ul.highslide, it should be ul.highslide-gallery

    cheers,

    gary
     
    kk5st, Jun 12, 2010 IP
  3. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #23
    Ok now it looks like this - http://www.bedfordshire-anime.webs.com/gallery3.html which has made the side bar, messed up. have i done something wrong? i did what you said i think
     
    moodey-aimee, Jun 13, 2010 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #24
    What sidebar?

    gary
     
    kk5st, Jun 13, 2010 IP
  5. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #25
    side-menu, its gone all weird on all my pages now.
     
    moodey-aimee, Jun 14, 2010 IP
  6. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #26
    My side-menu, its gone all weird on all my pages now.
     
    moodey-aimee, Jun 21, 2010 IP
  7. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #27
    OK, I see it in the source. There's nothing in it. Did you accidentally delete the contents, or did you mess up an include statement?

    cheers,

    gary
     
    kk5st, Jun 21, 2010 IP
  8. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #28
    I'm Really confused since i added in all the bits you told me to add in, Could you like post up what my Css style sheet, For animestyle2.css should have on it. and then the Highslide.css please.

    Could i do not know whats Wrong with it now. im all confused Thanks
     
    moodey-aimee, Jun 23, 2010 IP
  9. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #29
    I don't think there's a problem. You just don't have any content in your sidebar. Add some content, even if it's only dummy text.

    gary
     
    kk5st, Jun 23, 2010 IP
  10. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #30
    Hey, I have some Content on the Home page, in the side menu. but it still looks wrong. heres a drawing of what i wanted the gallery page to look like.

    layout.jpg

    So what would i need to change on my Css style sheet to get it to look like this, its also Still messed up on IE, and As for my Navigation, Heres pictures to what it looks like on IE 8.0.7600.16385 How can i fix this.

    Capture.jpg Capture2.jpg

    Thank you

    When i get home from work, ill Send u a pic of what it looks like on Firefox and Chrome, Cause the Gallery is center. but its Right center in the middle of the screen, When i wanted it center in its Content Div tag.
     
    moodey-aimee, Jun 23, 2010 IP
  11. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #31
    Hello, ok Everything looks like its sorted its self out now on Google Chrome, Besides the Highslide gallery isn't Center in the content Div tag. thats all. My IE 8 at home is Completely fine with everything, but the work one, the pic above shows u what it looks like. and Below is what mine looks like. Also shows u Google Chrome and the small problem its got with the gallery. Thanks

    Here's a Picture.
    [​IMG]
     
    moodey-aimee, Jun 23, 2010 IP
  12. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #32
    What happened to the {text-align: center;} on #content? Why haven't you set the padding to zero on the ul? It's hard to help you if you go about making unexpected changes.

    gary
     
    kk5st, Jun 23, 2010 IP
  13. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #33
    Well when i did that i think, it messed up the side menu, so i think i took it out. Cause as u can see its fine on my IE at home. and its not the content i want center that just centers my content i think then i think it messes up the side menu, i wanted the gallery inside the content centered.
     
    moodey-aimee, Jun 24, 2010 IP
  14. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #34
    Yes, and you undid the things that did what you want.

    gary
     
    kk5st, Jun 24, 2010 IP
  15. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #35
    well how do i fix, it all on IE, so its all Right? cause it looks like this, for the Navigation and Gallery on IE 8

    [​IMG]
     
    moodey-aimee, Jun 25, 2010 IP
  16. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #36
    I have given you you all you need to fix both your nav bar and your gallery. As I have said before, your knowledge base is apparently insufficient. Do the tutorials I told you about so you'll understand how to follow my instructions.

    gary
     
    kk5st, Jun 25, 2010 IP
  17. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #37
    i've put the padding and centre in the ccs style sheet now. and its not looking no different
     
    moodey-aimee, Jun 26, 2010 IP
  18. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #38
    You did not set the gallery ul to zero padding (and zero side margins for older IEs and Operas).

    When you tell us you've done something, post the exact code you used with enough context that we can find it. In this case, you did not ediit ul.highlide-gallery. Just what did you change?

    Have you worked through the tutorials?

    gary
     
    kk5st, Jun 26, 2010 IP
  19. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #39
    I added the Center tag in the content like you said, and the padding at 0 on the ul. and no i haven't had time to do them yet.

    /*****************************************************************************/
    /* Thumbnail boxes for the galleries.                                        */
    /* Remove these if you are not using a gallery.                              */
    /*****************************************************************************/
    
    #content {
      background-color:#000000;
      color:#7905AA;
      margin:0 auto;
      width:820px;
      text-align:center;}
    
    ul.highslide-gallery li {
      border:1px solid silver;
      display:inline-block;
      margin:2px;
      padding: 0px;}
    
    ul.highslide-gallery a {display:block;}
    
    ul.highslide-gallery img {vertical-align:bottom; }
    Code (markup):
     
    moodey-aimee, Jun 27, 2010 IP