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


(Rhopko) #1

Jak wyśrodkować obrazek? Za pomocą div nie mogę. Jedynie w html 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:

   

       

       

       

 

 

CSS:   ?

 


(jacko1998) #2

CSS:

margin-top: 250px;

(Rhopko) #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,


(kalitt) #4

Obrazek wyśrodkujesz za pomocą margin: auto


(Rhopko) #5

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


(jacko1998) #6

Do diva #abc dodaj:

text-align: center;

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

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

(Rhopko) #7

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


(Jim1961) #8

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


(Rhopko) #9

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


(jacko1998) #10

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


(Rhopko) #11

Dzięki już mi wszystko działa .