| Autor | Zpráva | ||
|---|---|---|---|
| M** Profil * |
#1 · Zasláno: 22. 7. 2007, 12:29:03
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 |
#2 · Zasláno: 22. 7. 2007, 12:48:34 · Upravil/a: Miloš
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 |
#3 · Zasláno: 22. 7. 2007, 12:53:48
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 * |
#4 · Zasláno: 22. 7. 2007, 12:58:10
Miloš
Jinak by to nešlo? Proč top funguje a bottom ne? |
||
|
Časová prodleva: 17 let
|
|||
0