| Autor | Zpráva | ||
|---|---|---|---|
| coe Profil * |
#1 · Zasláno: 24. 12. 2008, 00:54:32
Zdravím ... mám na svém webu jeden problém s menu ... jde o stránku qipecko.cz jak vidíte obrázek qipu je špatnej chtělo by to lépu umístit bohužel nevím jak na to :-(
Děkuju mnohokrát jestli někdo pomůže.. :-) css ul.menu {
border-top: 1px dashed #70BF3B;
margin: 4px 0;
padding: 0;
width: 130px;
}
.menu li {
list-style-image: URL('images/qip.gif');
border-bottom: 1px dashed #70BF3B;
}
.menu li a,.menu li em {
color: #553;
display: block;
}
.menu li em {
font-size: 0.9em;
font-style: normal;
}
.menu li a {
padding: 4px 3%;
text-decoration: none;
width: 130px;
}
.menu li a span {font-weight: bold;
text-align:left;
}
.menu li a:hover {
background: #F2F0EA;
color: #553;
}
.right .menu,.right .menu li {border-color: #DCDACC;
}
.right .menu li a:hover {background: #F2F0EA;}
.content {padding: 18px 20px;}
.left {float: left;}
|
||
| coe Profil * |
#2 · Zasláno: 25. 12. 2008, 11:58:23
napsal jsem spatnou adresu :-(
správna... je tahle qipcko.cz |
||
| panther Profil |
#3 · Zasláno: 25. 12. 2008, 12:06:33
coe
místo „list-style-image: URL('images/qip.gif');“ dej obrázek jako background - pomocí background-position ho umístíš, jak budeš potřebovat. background: url('images/qip.gif') 1px 5px no-repeat; 1 a 5px zvoleny náhodně, nastav si hodnoty, které ti budou vyhovovat, případně top, center aj. |
||
| coe Profil * |
#4 · Zasláno: 25. 12. 2008, 12:29:20
panther
díkes... ještě, ale řeším problém ... jak udělat hover s tím obrázkem... |
||
| panther Profil |
#5 · Zasláno: 25. 12. 2008, 12:34:12
coe
„jak udělat hover s tím obrázkem...“ ul#menu li a {background: url('images/a.png'); ...};
ul#menu li a:hover {background: url('images/hover.png'); ...} |
||
| coe Profil * |
#6 · Zasláno: 25. 12. 2008, 13:28:43
panther
... potřebuji aby se změnil obrázek a hover (ta šedá barva) tam byla pořád ... tím co jsi mi napsal jsem změnil obrázek ... ale ta šedá barva už tam není |
||
| panther Profil |
#7 · Zasláno: 25. 12. 2008, 14:30:42
coe
„potřebuji aby se změnil obrázek a hover (ta šedá barva) tam byla pořád ... tím co jsi mi napsal jsem změnil obrázek ... ale ta šedá barva už tam není“ tos měl ale napsat hned :) |
||
| panther Profil |
#8 · Zasláno: 25. 12. 2008, 14:32:17
coe
obrázek máš na pozadí <li>, změna obrázku tedy bude u li:hover (pro IE6 heldej hover.htc). Šedý background bude stejně jako teď u odkazu - a:hover |
||
| coe Profil * |
#9 · Zasláno: 25. 12. 2008, 14:57:58
já se to css asi nenaučím,.... co dělám špatně ?
.menu li {background: url('images/qip.gif') 1px 5px no-repeat; border-bottom: 1px dashed #70BF3B;list-style-type:none;}
.menu li a,.menu li em,.menu li hover {color: #553;display: block; background: url('images/qip.gif') 1px 5px no-repeat;}
.menu li em {font-size: 0.9em;font-style: normal;}
.menu li a {padding: 4px 3%; text-decoration: none; width: 130px;}
.menu li a span {font-weight: bold;text-align:left;}
.menu li a:hover {background: #F2F0EA;color: #553; } |
||
| panther Profil |
#10 · Zasláno: 27. 12. 2008, 10:15:11
coe
„.menu li hover“ .menu li:hover |
||
| coe Profil * |
#11 · Zasláno: 28. 12. 2008, 23:42:51
panther
díkes moc už sem to nějak vyřešil stejně by se tam asi ten sedej hover nehodil .-) |
||
|
Časová prodleva: 15 let
|
|||
0