| Autor | Zpráva | ||
|---|---|---|---|
| MirekL Profil |
#1 · Zasláno: 8. 12. 2007, 11:06:04
Zdravím,
na http://sweb.cz/wisdoma/ mám nalevo menu, které by mělo navazovat na obrázek v záhlaví, ale v IE se mi to nějak nedaří. I velikost tlačítka je jiná než bych chtěl. V FF i Opeře je to snad dobře. Poraďte mi prosím, kde mám chybu. Když už budete koukat na css - dá se nějak zařídit, aby se tam ten oddělovač dával z css? Snad podstatné části kódu: body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #666666; list-style-image: url('obrazky/odrazka_5x5.gif'); font-size: 14px; line-height:130%; background-color: #E0E0E0; text-align: center; } #stranka{ width: 1024px; margin: 10px auto 10px auto; text-align: left; } #logo a{ background: url('obrazky/logo.jpg'); width: 1024px; height: 160px; display: block; border-bottom:0px transparent none; } #obsah{ padding: 10px 40px 20px 200px; background: white; text-align: justify; } a { color: #6B95C2; text-decoration: none; border-bottom: 1px #6B95C2 dotted } #menu { float: left; margin: 0px 0px 0px 28px; width: 128px; height: 350px; background: url('obrazky/bg-top-menu.png') repeat-y; } #menu a{ font-size: 18px; color: #FFFFFF; text-decoration: none; display: block; padding:5px; border-bottom:0px transparent none; /* background: url('obrazky/menu-oddelovac.png') no-repeat bottom;*/ } #menu a:hover{ color: white; background-color: #6B95C2; } #menu a:visited{ color: white; } **************************************************************** <body> <div id="stranka"> <div id="logo"><a href="index.htm"></a></div> <div id="menu"> <img alt="Wisdoma-bg-top" src="obrazky/bg-top.png" width="128" height="75" /> <a href="index.htm">Aktuality</a> <img alt="" src="obrazky/menu-oddelovac.png" width="128" height="2" /> <a href="o-spolecnosti.htm">O společnosti</a> <img alt="" src="obrazky/menu-oddelovac.png" width="128" height="2" /> <a href="nase-sluzby.htm">Naše služby</a> <img alt="" src="obrazky/menu-oddelovac.png" width="128" height="2" /> <a href="reference.htm">Reference</a> <img alt="" src="obrazky/menu-oddelovac.png" width="128" height="2" /> <a href="kontakty.htm">Kontakty</a> </div> ***************************************************************** Díky Mirek |
||
| Str4wberry Profil |
#2 · Zasláno: 8. 12. 2007, 13:27:00
Ideální by to bylo nějak takto:
<style>
menu {list-style-type: none; background: url('obrazky/bg-top-menu.png') repeat-y}
menu li a {background: url('obrazky/menu-oddelovac.png') bottom no-repeat; padding-bottom: 2px; color: #fff; text-decoration: none; width: 128px; display: block}
menu li a:hover {background: #6B95C2;}
</style>
<menu>
<li><a href="index.htm">Aktuality</a></li>
<li><a href="o-spolecnosti.htm">O společnosti</a></li>
<li><a href="nase-sluzby.htm">Naše služby</a></li>
<li><a href="reference.htm">Reference</a></li>
<li><a href="kontakty.htm">Kontakty</a></li>
</menu> |
||
| MirekL Profil |
#3 · Zasláno: 8. 12. 2007, 14:22:44
Dík za navedení. Tušil jsem, že to bude muset být přes odrážky. Zkoušel jsem to co si napsal začlenit, ale ta pozice se mi stejně v IE a FF zobrazuje jinak a navíc mi to odsouvá #obsah až pod menu, což nevím jak ovlivnit.
Zkusím dál experimentovat. |
||
| Str4wberry Profil |
#4 · Zasláno: 8. 12. 2007, 19:03:53
Zkuste v CSS připsat definice, které jsou u divu s id #menu k menu.
|
||
| MirekL Profil |
#5 · Zasláno: 9. 12. 2007, 06:02:54
No to jsem právě zkusil. V FF mi to #obsah dává pod #menu a navíc to v IE má pozadí odsazené a v FF jen oddělovač.
|
||
| Manq Profil |
#6 · Zasláno: 9. 12. 2007, 12:19:24
A když nastavíš #obsahu šířku? Ale bacha na Box model.
|
||
|
Časová prodleva: 16 let
|
|||
0