| Autor | Zpráva | ||
|---|---|---|---|
| SkyVessel Profil |
#1 · Zasláno: 1. 9. 2010, 13:38:14 · Upravil/a: SkyVessel
Mám takový drobný problém... Udělal jsem si vysouvací menu a v mozille jede bezproblému. V googlechromu se mi ale to vysunuté nezobrazilo podsebou ale vedle sebe - což se mi povedlo opravit hackem.... Problém je ale v tom, že text v prohlížeči (chrome...) mi před tím vysouvacím menu (i když není zobrazené) uhne jako před obrázkem... Nevím co stím
#menu {
background-color: rgb(214,214,214);
}
#menu ul {
margin: 0 0 0 0;
padding: 0;
}
#menu li {
list-style: none;
float: left;
position: relative;
}
#menu a {
display: block;
width: 166px;
height: 25px;
border: 2px rgb(255,255,204) solid;
padding: 15px 0px 0px 20px;
text-decoration: none;
background-color: rgb(255,255,204);
color: rgb(51,51,51);
}
#menu a:hover {
color: #ffffff;
border-top-color: rgb(204,153,0);
border-left-color: rgb(204,153,0);
border-bottom-color: rgb(50,50,50);
border-right-color: rgb(50,50,50);
background-color: rgb(153,102,0);
}
.submenu li {
float: left; width: 190px; white-space: nowrap;
}
.submenu ul{
visibility: hidden;
position: absolute;
}
.submenu li:hover ul, ul.submenu li.hover ul {
visibility: visible;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Hack pro Google Chrome */
.submenu ul {position: relative;}
}
<div id="menu">
<ul class="submenu">
<li><a href="index.html" style="-moz-border-radius-bottomleft:10px;">Úvod</a></li>
<li><a>Stavby</a>
<ul><li class="submenu-border"><a href="a.html">stavby1</a></li>
<li class="submenu-border"><a href="b.html">stavby2</a></li>
<li class="submenu-border-bottom"><a href="c.html">stavby3</a></li></ul></li>
<li><a href="mechanizace.html">Obrázky</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html" style="-moz-border-radius-bottomright:10px;">Kontakt</a></li>
</ul>
</div> |
||
| Zweistein Profil |
#2 · Zasláno: 1. 9. 2010, 14:21:42
V Opeře to je taky vedle sebe.
|
||
| SkyVessel Profil |
#3 · Zasláno: 1. 9. 2010, 14:32:07
Zweistein:
NEE... Já to mám v Opeře OK !?! |
||
| Zweistein Profil |
#4 · Zasláno: 1. 9. 2010, 14:47:29
Tak si asi zkopíroval špatně kód. Já to mam v Opeře 10.61 vedle sebe.
http://img72.imageshack.us/img72/761/vedlesebe.png |
||
| SkyVessel Profil |
#5 · Zasláno: 1. 9. 2010, 14:52:21
tak jsem to trochu rozšířil - jestli to pomůže....
|
||
| SkyVessel Profil |
#6 · Zasláno: 1. 9. 2010, 22:37:22
no mě se to v té opeře zobrazuje správně ať dělám cokoliv...
A je tu kromě toho chrome ještě jeden problém: chci to rozjet i v IE, tak jsem si něco prostudoval o hover.htc... PSPad mi automaticky vytvořil hlavičku <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Změnil jsem ji na <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01"> a to se rozjede i na IE (IE8), ale zmizne mi u všech prvků padding... nevíte jak se s tím vypořídat?? :) |
||
| SkyVessel Profil |
#7 · Zasláno: 1. 9. 2010, 23:28:49
Tak na ten druhý problém jsem přišel - v standartním modu mi nebral padding(10,10,10,10) - opraveno na padding(10px,10px,10px,10px) a problém vyřešen...
Ale ten první s chromem - s tím potřebuji help (si tu připadám jak spamer co si povídá sám se sebou :/ tak sry) |
||
| Bubák Profil |
#8 · Zasláno: 1. 9. 2010, 23:50:17
Pomohlo by, kdybys dal odkaz na živou ukázku.
K předešlému problému s paddingem, těžko by ti někdo poradil, když v ukázce všude jednotky máš, až na pár výjimek u nulových hodnot, kdy se jednotky nemusí uvádět. |
||
| SkyVessel Profil |
#9 · Zasláno: 2. 9. 2010, 22:14:39 · Upravil/a: SkyVessel
Bubák:
s tím paddingem - chápu to. Sám sem nevěděl co tomu je :)... A živou ukázku mohu dát až teď - čekal jsem až zprovozní hosting... V Googlechromu to jede blbě. CSS styl |
||
|
Časová prodleva: 4 dny
|
|||
| SkyVessel Profil |
#10 · Zasláno: 6. 9. 2010, 10:25:16
PROSÍM O POMOC! Vím že se nehodí to takhle posouvat nahoru, ale potřebujji tento problém vyřešit...
Vysouvací menu v Googlechromu mi to celé rozháže - web |
||
| __construct Profil |
#11 · Zasláno: 6. 9. 2010, 10:54:09 · Upravil/a: __construct
Trošku začiatočnícka chyba:
…
.submenu ul{
/*visibility:hidden;*/
display: none;
position: absolute;
}
…
.submenu li:hover ul/* , ul.submenu li.hover ul */ {
/*visibility:visible;*/
display: block;
}
… |
||
| SkyVessel Profil |
#12 · Zasláno: 6. 9. 2010, 16:14:14
__construct:
vystihl jsi to - tenhle typ menu dělám poprvé =D Když jsem to hodil přes to display, tak už to vypadá hezky, ale po najetí na to menu se to rozháže tak jak to bylo předtím... Zase pouze Chrome... !? |
||
|
Časová prodleva: 14 let
|
|||
0