Mam problem, zapewne banalny, ale dopiero uczę się HTML5 i CSS3. A mianowicie zrobiłem takie oto menu http://puu.sh/bqVw3/9add4418dd.png , gdzie po najechaniu kursorem pojawia się to białe wypełnienie i odwraca kolor fonta (normalnie font jest biały). Użyłem padding, bo bez niego, biały kolor robi się tylko w granicy napisu. Wszystko fajnie działa, lecz po najechaniu mychą padding przesuwa mi tekst w prawo (zapewne o 15px, bo tyle zdefiniowałem padding w style.css), a chcę, aby po prostu pojawił się ten biały kawałek bez przesuwania tekstu. :/ W spoilerach wrzucam kawałek css i html. Może ktoś jest mnie jakoś nakierować jak to rozwiązać. (zapewne w kodzie jest milion błędów, ale powtarzam, że się uczę, a staram się nie korzystać z gotowców tylko kombinować samemu:) )
@epi: @kao3991: Zadziałało z tym dodanie padding do .menu a. Dziękuję i przepraszam za kłopot, następnym razem będę wrzucał kod przez jsfiddle. Jeszcze raz dziękuję.
.menu {
position: absolute;
top: 380px;
font-family:"Arial Black", Gadget, sans-serif;
text-transform:uppercase;
}
.menu li {
display: inline;
margin: 0px 30px 0px 30px;
color: white;
}
.menu a {
text-decoration: none;
color: white;
}
.menu li:hover a {
background: #fff;
padding: 15px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #3059d6;
}
* Homepage
* Portfolio
* About
* Contact
*spoilery mi się popsuły, albo nie umiem ich używać... przepraszam.
#webdev
a na przyszłość, wrzucaj działający kawałek kodu na jsfiddle czy inny codepen ;)