[CSS]Podział elementów menu. Opcje

[NickOver]

Witam ponownie
Mam problem z css'em.
Mam lewe menu (będą 2 po lewej i prawej) tu jest kodzik:

[HTML] pobierz, plaintext 
.menuleft
{
	width: 30%;
	height: 45px;
	margin: 0px;
	background: #fff;
	border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -o-border-radius: 0 0 5px 0;
    border: #808080 3px solid;
	border-left: none;
	border-top: none;
	position:fixed !important;
	z-index:999;	
}
[HTML] pobierz, plaintext 

Z samym tym "paskiem" jest wszystko ok, lecz chciałbym aby automatycznie dzielił się on na 4 części (25% całego paska) a po środku był obrazek. Próbowałem przez:

[HTML] pobierz, plaintext 
.menuleft a
{
position: fixed;
width: 25%;
height: 45px;
}
[HTML] pobierz, plaintext 

oraz

[HTML] pobierz, plaintext 
.menuleft ul
{
position: fixed;
width: 10%;
height: 45px;
}
[HTML] pobierz, plaintext 

Dodatkowo jeśli usunę:
position:fixed !important;
to menu odstaje o pare pikseli od górnej krawędzi.
Mógłby mi ktoś to napisać?

[Turson]

Chyba nie rozumesz od czego jest pozycja fixed
raczej float:left

[NickOver]

Więc tak:
Mam diva o szerokości 30% strony i chciałbym aby podzielił się on na równe części, w każdej z tych części pośrodku był obrazek-link. Prościej chyba wytłumaczyć nie umiem.
Teraz wygląda to tak: KLIK
I chciałbym aby i obrazek i tekst poszedł w góre, na środek.


Ten post edytował NickOver 7.05.2014, 16:17:09

[Turson]

Jeżeli dobrze rozumiem

[CSS] pobierz, plaintext 
.container{
width: 30%;
margin:0 auto;
}
.container .box{
width: 15%;
float: left;
text-align: center;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="container">
    <div class="box"><a href="#"><img src=""/></a></div>
    <div class="box"><a href="#"><img src=""/></a></div>
    <div class="box"><a href="#"><img src=""/></a></div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował Turson 7.05.2014, 17:51:19

[NickOver]

To co podałeś dość mocno mi pomaga ponieważ w końcu podzieliłem sobie wszystko tak jak chciałem, lecz jak zrobić aby po najechaniu graiki się podmieniały? W sensie wiem że hover ale grafika musi się chyba "pobierać" z css'a u Ciebie pobiera się ze strony.

[Turson]

.klasa{
background-image: url('ściezka do obrazka');
}

[NickOver]

Myślałem ze wymaga to więcej zabawy Dziękuję Ci bardzo Turson