Autor Zpráva
M**
Profil *
CSS:

#hlavni #menu{
width:189px;
height:100%;
background-color:#298AD0;
float:left;
border-top:1px solid #999999;}

#hlavni #menu a, #hlavni #menu a:visited{
color:#FFFFFF;
font-size:13px;
font-weight:bold;
text-decoration:none;
padding-left:8px;
line-height:24px;}

#hlavni #menu .polozka{
border-bottom:1px solid #FFFFFF;
border-left:11px solid #193E93;}


HTML:
<div id="menu">
<div class="polozka"><a href="#">Položka 1</a></div>
<div class="polozka"><a href="#">Položka 2</a></div>
<div class="polozka"><a href="#">Položka 3</a></div>
<div class="polozka"><a href="#">Položka 4</a></div>
<div class="polozka"><a href="#">Položka 5</a></div>
<div class="polozka"><a href="#">Položka 6</a></div>
<div class="polozka"><a href="#">Položka 7</a></div>
</div>

Problém je v tom, že border-bottom jde jen k border left, a tam se zastaví. Potřebuji aby šel až na konec položky (.polozka). Přitom když změním border-bottom na border-top, funguje to.
Miloš
Profil
A co takhle:

CSS:
menu{width:189px; background-color: #298ad0; list-style-type: none;
text-indent: 8px; line-height: 24px; padding-right: 0;
border: 1px solid #193E93;
border-left-width: 11px;
border-right: none;}
menu li {border-bottom: 1px solid #FFFFFF;}
menu li a {color: white; text-decoration: none;}

HTML:
<div id="hlavni">
<menu>
<li><a href="#">Položka 1</a></li>
<li><a href="#">Položka 2</a></li>
<li><a href="#">Položka 3</a></li>
<li><a href="#">Položka 4</a></li>
<li><a href="#">Položka 5</a></li>
<li><a href="#">Položka 6</a></li>
<li><a href="#">Položka 7</a></li>
</menu>
Miloš
Profil
Jejda, teď jsem si to zadání přečetl pozorněji a zjistil jsem, že ti nešlo o nejspodnější border, nýbrž o to, aby bílé bordery zasahovaly i přes ten tmavý pruh;
nic složitého – udělej si 1×11px velký proužek v barvě #193E93 a ten jako background-image svisle repetuj.
M**
Profil *
Miloš
Jinak by to nešlo?
Proč top funguje a bottom ne?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: