[CSS]Problem z obrazkiem pod odsyłaczem Opcje

[GoOx]

Witam.
Mam takie problem:

[HTML] pobierz, plaintext 
.menu {
background:url('foty/menu.png') repeat-x;
margin-top:0px;
margin-left:20px;
width:250px;
height:700px;
float:left;
text-decoration: none;
}
 
.menu a:link {
color: #ffffff;
background:url('foty/bg3.png') repeat-x;
text-decoration: none;
}
 
.menu a:hover {
color: #ffffff;
background:url('foty/bg4.png') repeat-x;
text-decoration: none;
}
[HTML] pobierz, plaintext 

Dodałem by do odsyłacze dodawał się obrazek pod napis ale ten obrazek ucina gdy kończy się tekst.
Czy da się jakoś zrobić by ten obrazek był w całości?

[!*!]

Wrzuć to na http://jsfiddle.net/

[GoOx]

Nie za bardzo ponieważ wszystkie obrazki mam na ftp.

To jest zwykły obrazek bez napisu.
Tylko na obrazek jest nałożony napis.

Wyżej podałem css to macie menu

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="styl.css" type="text/css">
<div class="menu">
</br>
</br>
</br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="4">Html/Css/Php</font></br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="3"><a href="/wstep.php">Wstęp</font></a>
</br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="3"><a href="/formatowanie.php">Formatowanie czcionki</font></a>
</br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="3"><a href="/odsylacz.php">Odsyłacze</font></a>
</br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="3"><a href="/css.php">CSS</font></a></br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="3"><a href="/div.php">Div'y</font></a></br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="3"><a href="/program.php">Program pomocniczy</font></a></br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="3"><a href="/szablony.php">Szablony</font></a>
</br>
</br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="4">Pawn</font></br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="3"><a href="/wsteppa.php">Wstęp</a></font></br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <a href="/converter.php">Dodawanie obiektów</a></br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <font size="3"><a href="/gamemod.php">Budowa Gamemodu</a></font></br>
</div>
</div>
[HTML] pobierz, plaintext 

[qrooel]

Do:

[HTML] pobierz, plaintext 
.menu a:link {}
[HTML] pobierz, plaintext 

Spróbuj dodać: display: block; oraz overflow: hidden;

W ostateczności spróbuj podać szerokość i wysokość tego tych linków, o ile obrazki są takiej samej wielkości.

[GoOx]

overflow nic nie daje a display robi że na całą długośc powiela się obrazek.

I to i to nic nie dało.

[qrooel]

Masz: background:url('foty/bg3.png') repeat-x; więc nic dziwnego, że obrazek się powiela. Daj może dla tego backgrounda: no-repeat;

[GoOx]

To teraz zrobiły mi się bardzo duże odstępu między odsyłaczami i odsyłacze sie ustawiły przy samej scianie obrazka menu.

Tak jakby zingorowały   może dać diva?

[qrooel]

Wrzuć to na jakiś serwer, żeby można było to zobaczyć na żywo. ;]

[GoOx]

Proszę.

http://testecomputer.ugu.pl/index.php

[qrooel]

Masz odstępy bo masz tam przecież '<br>' powsadzane.

Tak się nie robi menu.

Menu opiera się na listach.

[HTML] pobierz, plaintext 
 
<ul class="menu">
     <li><a href="#">Odnosnik</a></li>
     <li><a href="#">Odnosnik</a></li>
     <li><a href="#">Odnosnik</a></li>
     <li><a href="#">Odnosnik</a></li>
</ul>
 
[HTML] pobierz, plaintext 

Opanuj sobie najpierw podstawy.

http://www.devinrolsen.com/pure-css-vertical-menu/
http://www.kurshtml.edu.pl/css/poziome_menu,menu.html

[GoOx]

Dobra dzięki już poprawione

Ja raczej się uczę na fazie prób i błędów i praktyce sama teoria to już inna rzecz ;p

Ten post edytował GoOx 3.12.2011, 15:07:31