Css3 - Wyśrodkowanie zmieniającego się obrazka po najechaniu kursorem

Dla specjalistów Webmastering
#1

Jak wyśrodkować obrazek? Za pomocą div nie mogę. Jedynie w html <ceneter> ale tylko w poziomie. Jeszcze przydało by się go opuścić z 250px. Jeśli ktoś już to robił to b.proszę o info. Pozdrawiam,

 

HTML:

<body>

   

        <a href=“css.html”>

        <img src=“a.png” onmouseover=“src = ‘b2.png’” onmouseout="    src = ‘a.png’" border=“0”>

        </a>

 

</body>

 

CSS:   ?

 

#2

CSS:

margin-top: 250px;
#3

Dodałem div z id.

<body>

    <div id=“abc”>

        <a href=“css.html”>

            <img src=“a.png” onmouseover=“src = ‘b2.png’” onmouseout="    src = ‘a.png’" border=“0”>

        </a>

    </div>

</body>

 

 

 

css:

body {

    

  }

#abc {margin-top:250px;}

 

 

Ale nie działa . A u Ciebie to działa ? pozdr,

#4

Obrazek wyśrodkujesz za pomocą margin: auto

#5

Przecież w html nie użyłem hover to jak ma działać ?  (nie działa)

#6

Do diva #abc dodaj:

text-align: center;

I dodaj to jeszcze(do CSS, nie do #abc ):

#abc > a{
    margin: 250px auto 0 auto;
}
#7

To też już próbowałem . Nic :(  

#8

http://jsbin.com/ItuqESU/1/edit - tu masz przykład

#9

Wielkie dzięki wszystkim! Znalazłem błąd. Aż wstyd się przyznać :slight_smile: ( źle podlinkowany css :))

#10

Do kitu. Linkiem ma być tylko obrazek, a na tym przykładzie linkiem nie jest tylko obrazek, ale i duży pusty obszar…

#11

Dzięki już mi wszystko działa .