[HTML][CSS]Jak zmienić tryb przycisk by się nie przesuwał Opcje

[Darek82]

Mam na stronie przyciski u góry, dałem że po najechaniu tekst ma być bold ale nie chce by się przesuwały te przyciski jak moge to zmienić

[HTML] pobierz, plaintext 
#top ul {
        list-style:none;
        margin:0px;
        padding:0px;
        position:absolute;
        top:10px;
        left:200px;
}
 
#top ul li {
        display:inline;
        float:left;
        background: url(../images/button_active.png) no-repeat center right ;
        height:36px;
        margin:0px 10px;
 
}
 
#top ul a:link, #top ul a:visited {
        background: url(../images/left_button_active.png) no-repeat left  ;
        height:36px;
        float:left;
        text-decoration:none;
        text-align:center;
        padding: 0px 5px 0px 5px;
        line-height:36px;
 
}
 
 
#top ul a:hover {
                font-weight:bold;
 
}
[HTML] pobierz, plaintext 

[iro88]

Ostatnio się bawiłem w coś podobnego, z tą różnicą, że po najechaniu tekst zmienia wielkość. Mój fragment css, choć jeszcze jest do drobnej poprawki, poniżej:

[HTML] pobierz, plaintext 
#menu ul {
	display: block;
	list-style: none;
	width: 380px;
	margin-top: 26px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 0;
	font-size: 20px;
}
 
#menu ul:hover {
	margin-top: 20px;
	margin-bottom: 3px;
	width: 395px;
}
 
#menu ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 25px 30px;
	white-space: nowrap;
}
 
#menu ul li:hover {
	font-size: 26px;
	padding: 25px 18px 25px 23px;
	margin-bottom: 0;
}
[HTML] pobierz, plaintext 

Dopasuj u siebie marginesy. Działa to tak, że element który przed powiększeniem ma margines tak by odległość od pozostałych elementów była taka jak po jego powiększeniu. A gdy na niego najedziesz i się powiększa, to jednocześnie margines maleje, lub całkowicie go nie ma. Musisz przetestować.

U mnie menu jest poziome i ma stałą szerokość, dlatego, że <ul>, też mam :hover i margines znikał po najechaniu nawet obok linku.

BTW. Sposób który przedstawiłem jest trochę na około. Początkowo szukałem rozwiązania, jak zmieniać parametry innego elementu, najeżdżając na całkiem inny. Znalazłem coś takiego:

[HTML] pobierz, plaintext 
a:hover div {
tu styl diva po najechaniu na link
}
[HTML] pobierz, plaintext 

Ale niestety nie chciało mi zadziałać. Może ktoś mi wyjaśnić w czym błąd?

Ten post edytował iro88 31.03.2011, 14:20:45

[Darek82]

Hej próbowałem tak jak piszesz na logike to powinno działać jednak jak zeruje margines z lewej i prawej to nie ma reakcji wogóle :/

[HTML] pobierz, plaintext 
#top ul li a:hover {
		font-weight:bold;
	   margin:0px 0px 0px 0px;
}
[HTML] pobierz, plaintext