How do i Center this Gallery??

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

 

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

 

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

 

What sidebar?

gary

 

side-menu, its gone all weird on all my pages now.

 

My side-menu, its gone all weird on all my pages now.

 

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

 

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

 

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

 

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.



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.



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.

 

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.

 

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

 

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.

 

Yes, and you undid the things that did what you want.

gary

 

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

 

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

 

i've put the padding and centre in the ccs style sheet now. and its not looking no different

 

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

 

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):