Zaloguj | Zarejestruj | FAQ
Anonymous

Center image

+ Odpowiedz

Posty: 5 Strona 1 z 1


Center image

przez lisaja » Pt paź 01, 2010 7:11 pm

How do I put a image in the center of the browser - no matter the size of the browser window. Can I do that with CSS?

Thanks,

Lisa
Avatar użytkownika

lisaja

  • Posty: 6
  • Dołączył(a): Wt wrz 21, 2010 2:24 pm

Re: Center image

przez HTML.net » So paź 02, 2010 5:52 pm

Yep, CSS is right way to do that:

<img src="image.png" style="display:block; margin-left:auto; margin-right:auto;" />

- Andreas, HTML.net
Avatar użytkownika

HTML.net
Site Admin

  • Posty: 1194
  • Dołączył(a): So wrz 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: Center image

przez jasikapetro » Pt paź 08, 2010 11:16 am

<img src="./image/myImage.png" alt="My Image" style="width:100px;height:100px;float:left;margin:0 auto;" />
That will centre your image.
Avatar użytkownika

jasikapetro

  • Posty: 4
  • Dołączył(a): Pt paź 08, 2010 10:48 am

Re: Center image

przez HTML.net » N paź 10, 2010 8:12 pm

It's a bug in Internet Explorer 8. I think you can get around it by putting a width on the image:

<img src="image.png" style="display:block; margin-left:auto; margin-right:auto; width: 100px;" />

- Andreas, HTML.net
Avatar użytkownika

HTML.net
Site Admin

  • Posty: 1194
  • Dołączył(a): So wrz 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: Center image

przez frank » Śr gru 22, 2010 7:24 pm

<img src="image.png" style="width:100px;margin:0px auto;" />
Same answer as Andreas, but using the shorthand property for margins. Also you want to always specify the width whenever you're using margin:0px auto; otherwise the browser has no way of calculating what should be margin-left or margin-right.

-Frank
Avatar użytkownika

frank

  • Posty: 18
  • Dołączył(a): Wt lis 30, 2010 7:37 pm


+ Odpowiedz

Strona 1 z 1