Autor Zpráva
steve
Profil *
#1 · Zasláno: 20. 3. 2007, 12:40:52
Odpovědět Citovat
zdravim,

mam udelany dynamicky menu a potrebuju udelat to, abych ho mel uprostred stranky, protoze kazdej uzivatel muze mit ruzne rozliseni, pomoci jakyho prikazu to jde udelat? Vsude se pise jenom o vertikalu, ale horizontal jsem nikde nenasel.

takhle to vypada:

<html>
<head>
<title>Menu</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<script type="text/javascript">
var timer, i, menuId;
var dom = document.getElementById ? true : false;
var ie4 = ((document.all) && (!dom)) ? true : false;
var ns4 = document.layers ? true : false;
var opera = navigator.userAgent.indexOf('Opera') != -1 ? true : false;
var dhtml = dom ? true : ie4 ? true : ns4 ? true : false;
if (dhtml) document.write ('<style type="text/css">#scriptSupport {display: none;} #menuHolder {position: relative; visibility: hidden; z-index: 1;} #hiddenMenu1, #hiddenMenu2, #hiddenMenu3, #hiddenMenu4 {position: absolute; visibility: hidden;} #visibleMenu1 {position: absolute; left: 0px; top: 0px;} #visibleMenu2 {position: absolute; left: 51px; top: 0px;} #visibleMenu3 {position: absolute; left: 200px; top: 0px;} #visibleMenu4 {position: absolute; left: 339px; top: 0px;} #visibleMenu5 {position: absolute; left: 538px; top: 0px;} #hiddenMenu1 {left: 0px; top: 21px;} #hiddenMenu2 {left: 51px; top: 21px;} #hiddenMenu3 {left: 200px; top: 21px;} #hiddenMenu4 {left: 339px; top: 21px;}</style>');

function setVisibility(element,newVisibility)
{
if (dhtml)
{
if (dom) document.getElementById(element).style.visibility = newVisibility;
else if (ie4) document.all[element].style.visibility = newVisibility;
else if (ns4) eval('document.' + element + '.visibility = newVisibility');
}
}

function menu()
{
if (dhtml)
{
if (opera) for (i = 1; i <= 4; i++) document.getElementById('hiddenMenu' + i).style.top = 20;
if (ie4) for (i = 1; i <= 4; i++) document.all['hiddenMenu' + i].style.top = 18;
setVisibility('menuHolder','visible');
}
}

function showMenu(id)
{
if (dhtml)
{
clearTimeout(timer);
for (i = 1; i <= 4; i++) if (i != id) setVisibility((ns4 ? 'menuHolder.document.' : '') + 'hiddenMenu' + i,'hidden');
setVisibility((ns4 ? 'menuHolder.document.' : '') + 'hiddenMenu' + id,'visible');
}
}

function hideMenu(id)
{
if (dhtml)
{
menuId = (ns4 ? 'menuHolder.document.' : '') + 'hiddenMenu' + id;
timer = setTimeout("setVisibility(menuId,'hidden')",50);
}
}

function dontHideMenu()
{
if (dhtml) clearTimeout(timer);
}
</script>

<style type="text/css">

.menuItem {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: black; background-color: #dde3eb; border: 1px solid #7f8893; padding: 2px; text-align: center; text-decoration: none;}

a.menuLink {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: black; text-decoration: none;}

a.menuLink:active {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: black; text-decoration: none;}

a.menuLink:visited {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: #336699; text-decoration: none;}

a.menuLink:hover {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: #cc0000; text-decoration: none;}

.cssSupport {display: none;}

#visibleMenu1 {height: 16px; width: 52px; cursor: default;}

#hiddenMenu1 {width: 51px;}


</style>

</head>
<body bgcolor="#ffffff" text="#000000">


<p>obsah stránky<br>
txtxtxtxtxtxtxtxxtxtxtxtxtttx<br><br></p>


<span id="scriptSupport">Tato stránka bude správně zobrazena pouze v moderním vizuálním prohlížeči, který bohužel nepoužíváte. I tak je ale stránka plně použitelná.</span><span class="cssSupport"><br></span>


<div id="menuHolder" align="center">

<div id="visibleMenu1" onmouseover="showMenu(1);" onmouseout="hideMenu(1);"><div class="menuItem">...o nás<script type="text/javascript">function onMouseOver() {showMenu(1);} function onMouseOut() {hideMenu(1);}</script><span class="cssSupport"><br></span></div></div>

<div id="hiddenMenu1" onmouseover="dontHideMenu();" onmouseout="hideMenu(1);"><div class="menuItem"><a href="http://atlas.cz" class="menuLink">Atlas</a><br><a href="http://centrum.cz" class="menuLink">Centrum</a><br><a href="http://seznam.cz" class="menuLink">Seznam</a><script type="text/javascript">function onMouseOver() {dontHideMenu();} function onMouseOut() {hideMenu(1);}</script><span class="cssSupport"><br></span></div></div>



</div>

<script type="text/javascript">
menu();
</script>

<br>další obsah stránky

</body>
</html>


Dikes
Railbot
Profil
#2 · Zasláno: 20. 3. 2007, 12:44:00
Odpovědět Citovat
Pěkná prásárna, hlavně to menu. Ale k věcí. Do CSS si přidej #menuHolder {margin: 0 auto}
steve
Profil *
#3 · Zasláno: 20. 3. 2007, 13:50:52
Odpovědět Citovat
dikes, ale co kdyz pridam dalsi polozku v nemu, u jedny to funguje, ale kdyz jich mam treba tri tak to uz nefaka:o((
steve
Profil *
#4 · Zasláno: 20. 3. 2007, 13:54:37
Odpovědět Citovat
nebo jeste lip jak udelat lip to dynamicky menu
Railbot
Profil
#5 · Zasláno: 20. 3. 2007, 13:59:08
Odpovědět Citovat
steve
{margin: 0 auto} nastav nejakymu divu, ktery cele menu obaluje.

Lépe? Různě.
http://css.interval.cz/menu/
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0