Menu z ccs-a

[dmx]

[asd5]

border-left, border-right
jedno jaśniejsze od tła, drugie trochę ciemniejsze

[dmx]

border-left, border-right
jedno jaśniejsze od tła, drugie trochę ciemniejsze

znalazłem coś takiego, tylko nie wiem czego brakuje w moim kodzie :

Kod:

.menu.horizontal {
    width: 100%;
    height: 27px;
    margin: 0;
    padding: 0;
    background: #000000 url(img/bg.gif) top left repeat-x;
}
.menu.horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu.horizontal ul li {
    float: left;
    margin: 0;
    padding: 0;
    background: transparent url(img/bg-button.gif) top left no-repeat;
}

.menu.horizontal ul li a {
    display: block;
    height: 27px;
    padding-left: 35px;
    float: left;
    text-transform: uppercase;
    font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
    font-size: 70%;
    color: #FFFFFF;
    text-decoration: none;
}

.menu.horizontal ul li a span.menu_ar {
    display: block;
    float: left;
    height: 22px;
    padding-top: 5px;
    padding-right: 35px;
    background: transparent url(img/bg-button.gif) top right no-repeat;
    cursor: pointer;
}

.menu.horizontal ul li a:hover,
.menu.horizontal ul li.highlight a {
    background: transparent url(img/button.gif) top left no-repeat;
}

.menu.horizontal ul li a:hover span.menu_ar,
.menu.horizontal ul li.highlight a span.menu_ar {
    background: transparent url(img/button.gif) top right no-repeat;
}

Edit (Labsta.com):
Zacznij wklejać kody w znaczniki [ code ]

[virus4]

Daj kod HTML tego menu to Ci powiem jak to ma wyglądać.

[dmx]

Daj kod HTML tego menu to Ci powiem jak to ma wyglądać.

kod jest w pierwszym mailu

[razorskate]

Virus4 prosił o kod HTML. . . Widzisz różnicę między CSS a HTML?? . . .
Pozdrawiam

[dmx]

Virus4 prosił o kod HTML. . . Widzisz różnicę między CSS a HTML?? . . .
Pozdrawiam

jasne że widzę, ale w moim kodzoie to do menu są jedynie dwie żeczy
<div class="menu"><?php include ('menu.php') ?> </div>
a zawartość pliku mewnu wygląda tak :
<ul class="menu">
<li><a href="index.php?go=1"><b>1</b></a></li>
<li><a href="index.php?go=2"><b>2</b></a></li>
<li><a href="index.php?go=3"><b>3</b></a></li>
<li><a href="index.php?go=4"><b>4</b></a></li>
<li><a href="index.php?go=5"><b>5</b></a></li>
<li><a href="index.php?go=6"><b>6</b></a></li>
<li><a href="index.php?go=7"><b>7</b></a></li>
<li><a href="index.php?go=8"><b>8</b></a></li>
</ul>

resztę definjuje css

[virus4]

Masz tu kod do tego menu, do którego dałeś link w pierwszym poście:

Kod:

.clearit {
    margin: 0;
    padding: 0;
    height: 0;
    clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
    width: 100%;
    height: 27px;
    margin: 0;
    padding: 0;
    background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bubplastic.horizontal ul li {
    float: left;
    margin: 0;
    padding: 0;
    background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
    border-right: 1px solid #fff;
    }

.bubplastic.horizontal ul li a {
    display: block;
    height: 27px;
    padding-left: 35px;
    float: left;
    text-transform: uppercase;
    font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
    font-size: 70%;
    color: #FFFFFF;
    text-decoration: none;
}

Do .bubplastic.horizontal ul li wystarczyło dodać border-right: 1px solid #fff; Przerób sobie co tam potrzebujesz w klasach i będzie wszytko działać.