Problem z css

[Veehoora]

Witam, mam problem z cssami. Tworzę właśnie menu wertykalne , ale nie mogę dojść, jaka komenda służy do regulacji odstępów między buttonami, które są podporzadkowane klasom. Tzn mam pod sobą kilka linków, te linki sa w określonej klasie, ale odstępy między nimi są ogromne, używam "br". Jaak komenda służy temu zeby zmiejszyć te odstępy? Nie chodzi mi o line-height...Dzięki..

[Hellz]

Pokaż na przykładzie, a wtedy będzie można pomóc. Ogólnie odstępy uzyskuje się przy pomocy margin lub padding, a br służy tylko do przełamania wiersza.

[Veehoora]

Mam coś takiego:

<a href="Mainframe.html" class="lewo" target="mainFrame" title="Serdecznie zapraszam!">Homesite</a><br>

<a href="Mainframe.html" class="lewo" target="mainFrame" title="Serdecznie zapraszam!">Homesite</a><br>

<a href="Mainframe.html" class="lewo" target="mainFrame" title="Serdecznie zapraszam!">Homesite</a><br>

Problem polega na tym, że odstępy między tymi buttonami są...przeogromne. OTO treść klasy "lewo":

a.lewo:link {

text-decoration: none;

background: #B8860B;

color: White;

font-family: Verdana;

font-size: 10px;

line-height: 5mm;

display: table-cell;

border: 1px solid Black;

width: 120px;

margin: 1px 1px 1px 1px;

margin-bottom: 2px;

caption-side: bottom;

}

a.lewo:hover {

background: #B8860B;

color: #FFDEAD;

font-family: Verdana;

font-size: 10px;

Raz jeszcze proszę o pomoc, jak zmniejszyć odstępy....Dziękuję. Ja chcę przełamać wiersz u ustaliś odstęp między tymi dwoma przełamanymi wierszami. Bardzo was proszę...pomocy!

[Hellz]

W takim przypadku powinieneś wrzucić menu w listę:

html:
<ul>
  <li><a href="index.html" title="Tytuł">anchor</a></li>
  <li><a href="index.html" title="Tytuł">anchor</a></li>
  <li><a href="index.html" title="Tytuł">anchor</a></li>
</ul>

Następnie ustawiasz sobie odstępy między poszczególnymi punktami listy np. tak:

css:
ul { margin: 0; padding: 0; list-style: none; }
li { margin: 10px 0; background: ..itd }
li a { text-decoration: none; color itd. }

Wartością margin przy li będziesz sobie dowolnie regulował odstępy. Display: table-cell nie działa dobrze pod wszystkimi przeglądarkami i radziłbym unikać, podobnie jak iframe, które jest archaiczne i zdecydowanie odradzane przy obecnej technice budowy stron. Powinieneś już sobie dać radę, pozdrawiam

[Veehoora]

Dziękuję Ci raz jeszcze za odpowiedź, ale... to rozwiązanie nadal nie działa. Sam nie wiem czemu. Moze konflikt komend?? w css? Bardzo proszę o odpowiedx, prześlę te 2 pliki, dobrze. Błagam was, poprawcie ten mały błąd, one jest chyba mały, ale nie wiem, gdzie on jest....

[Irek]

Może raczej tak powinno być ?

a.lewo:link {

text-decoration: none;

background: #B8860B;

color: White;

font-family: Verdana;

font-size: 10px;

line-height: 5mm;

display: block;

border: 1px solid Black;

width: 120px;

margin: 1px 1px 1px 1px;

margin-bottom: 2px;

caption-side: bottom;

}

a.lewo:hover {

background: #B8860B;

color: #FFDEAD;

font-family: Verdana;

font-size: 10px;

}

<a href="Mainframe.html" class="lewo" target="mainFrame" title="Serdecznie zapraszam!">Homesite</a>

<a href="Mainframe.html" class="lewo" target="mainFrame" title="Serdecznie zapraszam!">Homesite</a>

<a href="Mainframe.html" class="lewo" target="mainFrame" title="Serdecznie zapraszam!">Homesite</a>