Need help with CSS

[GundamSonicZeroX]

I have two comics centered and I want an navigation bar under the two comics. I have the code attached, and if needed, I will upload my files onto my googlepages account (I don't use it for my site, I just keep random crap on there).

Thanks in advance
~GSZX1337

 

[GundamSonicZeroX]

Forgot my HTML code...

 

[GundamSonicZeroX]

Link to a pic of my problem.

I'd put it in my OP, but it messes up my attached code.

 

[ChristianV]

Could you please post a link to oyur website so we can have a look at the problem online? That would make it much easier.

 

[GundamSonicZeroX]

Originally posted by: ChristianV
Could you please post a link to oyur website so we can have a look at the problem online? That would make it much easier.

I'm having some trouble with my FTP server right now (although, it might be on my side), I'll try to put the files on there, I'll post again when/if I succeed.

 

[deamer44]

May i ask what the silver bar picture is called url"bar.jpg" for instance. You may be able to border and then set the width etc manually, however this will mean when you change resolutions ( say for other people) that it wont be on the same part of the screen for them. Also try ( not sure if this works) align: center. Hope this helps :S

 

[911paramedic]

margin: 0 auto;

Or you could put the entire site in a "wrapper" that is centered. Be aware that there are many ways of doing this and you may need to use a couple to make it work across different browsers.

 

[GundamSonicZeroX]

I originally came back to this thread to post that I was able to get my files on the FTP server, but it looks like that I didn't need to do that.

Originally posted by: 911paramedic
margin: 0 auto;

Wow! That worked wonders! It didn't do everything, though. By adjusting the width and placing my background image in the navlist ul, I was able to achieve the affect I want in Firefox. It didn't work in IE6 however, so I'm going to update to 7. Since that requires a restart, I'm going to install Safari and Opera as well to see if the affect works on all browsers.

 

[Woosta]

text-align:center inaccurately horizontally centers child block level elements (of the element you're applying it to) in quirks mode of IE7/6 and normal 5.x - in addition to aligning the actual TEXT which can be unset by text-align:left

parentElSelector { text-align:center; margin:0 auto; width:someValue; }
child {text-align:left; }

Should do the trick. You should not be relying on this though and I pray your page is not in quirks mode, or you're floating the container.

Note - you dont need to specify a width in addition to auto horizontal margins for replaced/intrinsic elements such as img/table.