Mam mensi problemek a byl bych vam vdecny za radu na strance http://pimpmyicq.info/zvuky.html mam poposunuty menu o jeden pixel doprava a nevim kde to a jak srovnat. dekuju za rychlou radu.
Fórum › CSS
CSS- menu v firefoxu je poposunute o 1 pixel doprava
![](img/forum_vlakno_help_vyreseno.png)
az ta to zaujima na interval.cz vychadzal serial o bugoch v ie. pride mi docela zbytocne koli jednemu pixelu mat 2 styly skus sa pohrat s margin vs. padding a v najhorsom pripade pouzy podtrzitkovy hack.
Spravil jsem to a otestoval v IE7 a FF2 - vše je v cajku
[můžeš si pak doladit pozice MENU 1,2,3(jsou trochu vpravo)]
Napíšu ti jen ty části, které musíš změnit:
--------------------- A. Uprav HTML --------------------------------
DIV .zarovnani obaluje DIVy: .hlavicka, .chromeborder, .page
--------------------------------------------------------------------
<div class="zarovnani">
<div class="hlavicka">.....</div>
<div class="chromeborder">
<div class="chromestyle" id="chromemenu">
<ul> ..... </ul>
</div>
</div>
<!--1st drop down menu -->
<!--2nd drop down menu -->
<!--3rd drop down menu -->
<script type="text/javascript">.......</script>
<div class="page">
<div><table>.....</table></div>
</div>
</div>
--------------------- B. Uprav styly.css ------------------------
body {
background-color: #323137;
text-align: center;
}
.zarovnani { /* obal pro hlavičku, menu, hlavní text... */
margin: 0 auto;
width: 866px;
}
.hlavicka {
height: 137px;
border: 3px solid #59ff00;
background: url("head.pmi.jpg");
}
.page {
font-family: Verdana;
font-size: 11px;
color: white;
border: 3px solid #59ff00;
background: url(main.pmi.jpg);
padding: 50px 20px; /* nastav si odstup tabulky s textem */
text-align: left; /* = pokud nechceš vycentrovat table */
}
--------------------- C. Uprav chromestyle.css ------------------------
.chromeborder {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: white;
width: auto;
border-left: 3px solid #59ff00;
border-right: 3px solid #59ff00;
/* border: 3px solid #59ff00; ....pokud chceš tlustší vodorovné pruhy */
}
/*
.chromestyle {} .....je prázdný - můžeš vypustit
*/
.chromestyle ul{
width: auto;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}
===========================================================================
Kdybych něco popletl a nešlo ti to, tak se ozvi.
Odkud máš to javascriptové menu ???
Máš v chromestyle.css :
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #black;
}
IDprvku?? (nejspíš překlep při nahrazení #F0F0F0 černou b.)
![](img/forum_nove_psp_new.png)
Přidej příspěvek
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
![](/img/smile/1.gif)
![](/img/smile/2.gif)
![](/img/smile/3.gif)
![](/img/smile/4.gif)
![](/img/smile/5.gif)
![](/img/smile/6.gif)
![](/img/smile/7.gif)
![](/img/smile/8.gif)
![](/img/smile/9.gif)
![](/img/smile/10.gif)
![](/img/smile/11.gif)
![](/img/smile/12.gif)
![](/img/smile/13.gif)
![](/img/smile/14.gif)
![](/img/smile/15.gif)
![](/img/smile/16.gif)
![](/img/smile/17.gif)
![](/img/smile/18.gif)
![](/img/smile/19.gif)
![](/img/smile/20.gif)
![](/img/smile/21.gif)
![](/img/smile/22.gif)
![](/img/smile/23.gif)
![](/img/smile/24.gif)
![](/img/smile/25.gif)
![](/img/smile/26.gif)
![](/img/smile/27.gif)
![](/img/smile/28.gif)
![](/img/smile/29.gif)
![](/img/smile/30.gif)
![](/img/smile/31.gif)
![](/img/smile/32.gif)
Uživatelé prohlížející si toto vlákno
Podobná vlákna
Rozbalovaci menu-funkcnost v Firefoxu — založil skull_jur
Obrazkove menu spatne v Firefoxu — založil Pete
Ve firefoxu se mi nezobrazí formátování pomocí CSS — založil Pavel
Menu v CSS — založil Honzisko
Moderátoři diskuze