ciao a tutti...
sono un emerito ignorante in fatto di CSS.. spero nn me ne vogliate..
allora ho un menu.. costruito bene.. mi funziona perfettamente..
( cosa strana ma vera
l'unica cosa che mi fa storcere un po' il naso... è che quando seleziono la voce principale del menu.. e da questa poi seleziono i sottomenu...
tutto il testo HTML che si trova sotto la barra menu...
si sposta in basso...
cioè il mio menu è così organizzato :
(voce principale) ARTICOLI
|
|
-----------> AGGIUNGI ARTICOLO
-----------> VEDI ARTICOLO
-----------> UPDATE ARTICOLO
Quando seleziono ( agg articolo, oppure gli altri due casi )
i sottomenu... quello che si trova sotto (immagini, o testo ) mi si sposta verso il basso...è possibile invece tenere "bloccato" ciò che c'è sotto?
vi posto il codice ciaoe e grazie :
<?php
include ("controllologin2.php");
?>
<HTML>
<HEAD>
<TITLE>Demo Dynamic HTML: esempio pratico </TITLE>
<STYLE TYPE="text/css">
/* Make the menu float to the left of the text. */
#menu {float:left; width:50pt; background:lightgrey;
border:1px white outset; cursor:default}
/* Hide the pop-up menus initially. */
#menu .popup {display: none;
background:lightgrey; border:0px white outset;
width:135pt; margin:1pt}
#menu P {margin-top:0pt; margin-bottom:0pt}
.over {color:navy; font-weight:bold}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var curPop = null;
function clearCurrent() {
// Hide the pop-up menu that is currently displayed.
if (null != curPop)
curPop.style.display = "";
curPop = null;
}
function popup() {
var el = event.srcElement;
clearCurrent();
// Display a new menu option.
if (("P" == el.tagName) &&
("menu" == el.parentElement.id)) {
// Position and display the pop-up menu.
var elpop = document.all[el.sourceIndex + 1];
elpop.style.pixelLeft = document.all.menu.offsetLeft +
document.all.menu.offsetWidth - 7;
elpop.style.pixelTop = el.offsetTop +
document.all.menu.offsetTop;
elpop.style.display = "block";
curPop = elpop;
}
event.cancelBubble = true;
}
function highlight() {
// Highlight the menu options.
if (null != event.fromElement)
if ((event.fromElement.tagName == "P") &&
(event.fromElement.parentElement.id == "menu"))
event.fromElement.className = "";
if (null != event.toElement)
if ((event.toElement.tagName == "P") &&
(event.toElement.parentElement.id == "menu"))
event.toElement.className = "over";
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFFF" ONCLICK="clearCurrent()" link="#000000" vlink="#000000" alink="#000000">
<?php
$data = date ("d/m/y");
$username = $_GET ['login'];
?>
<font face="Arial" size="1">
Login : <? echo $username; ?>
Data : <? echo $data; ?></font>
<font face="Arial" size="1">
<div align="left">
<table border="0" width="910" height="1">
<tr>
<td width="910" height="1" bgcolor="#FFFFFF" valign="middle">
<font face="Arial" size="1">
<DIV ID="menu" ONCLICK="popup()" ONMOUSEOVER="highlight()"
ONMOUSEOUT="highlight()" style="width: 130; height: 1">
<P align="left"> LOGIN
<DIV CLASS="popup" style="width: 70; height: 10">
[img]IMG/arancio1.bmp[/img] Login
</DIV>
</div>
<DIV ID="menu" ONCLICK="popup()" ONMOUSEOVER="highlight()"
ONMOUSEOUT="highlight()" style="width: 130; height: 1">
<P align="left">AREA CLIENTI
<DIV CLASS="popup" style="width: 100; height: 20">
[img]IMG/arancio1.bmp[/img] Aggiungi Cliente
[img]IMG/arancio1.bmp[/img] Vedi Clienti
</DIV>
</div>
<DIV ID="menu" ONCLICK="popup()" ONMOUSEOVER="highlight()"
ONMOUSEOUT="highlight()" style="width: 130; height: 1">
<P align="left"> AREA FORNITORI
<DIV CLASS="popup" style="width: 110; height: 20">
[img]IMG/arancio1.bmp[/img] <A HREF="insertfornitori2.php?login=<? echo $username; ?>">Aggiungi
Fornitore</A>
[img]IMG/arancio1.bmp[/img] Vedi Fornitore
</DIV>
</div>
<DIV ID="menu" ONCLICK="popup()" ONMOUSEOVER="highlight()"
ONMOUSEOUT="highlight()" style="width: 130; height: 1">
<P align="left"> AREA ARTICOLI
<DIV CLASS="popup" style="width: 110; height: 20">
[img]IMG/arancio1.bmp[/img] <A HREF="articoli2.php?login=<? echo $username; ?>">Aggiungi
Articolo</A>
[img]IMG/arancio1.bmp[/img] Vedi Articoli
</DIV>
</div>
<DIV ID="menu" ONCLICK="popup()" ONMOUSEOVER="highlight()"
ONMOUSEOUT="highlight()" style="width: 130; height: 2">
AREA MAGAZZINO
<DIV CLASS="popup" style="width: 120; height: 20">
[img]IMG/arancio1.bmp[/img] <A HREF="magazzino2.php?login=<? echo $username; ?>">Gestione
Magazzino</A>
[img]IMG/arancio1.bmp[/img] Vedi DDT
</DIV>
</div>
<DIV ID="menu" ONCLICK="popup()" ONMOUSEOVER="highlight()"
ONMOUSEOUT="highlight()" style="width: 130; height: 2">
<P align="left">GESTIONE CLIENTI
<DIV CLASS="popup" style="width: 110; height: 50">
[img]IMG/arancio1.bmp[/img] Modulo Assistenza
[img]IMG/arancio1.bmp[/img] <A HREF="selectassistenza2.php?login=<? echo $username; ?>">Vedi
Assistenza</A>
[img]IMG/arancio1.bmp[/img] Scheda Cliente
[img]IMG/arancio1.bmp[/img] Vedi Schede
[img]IMG/arancio1.bmp[/img] Packing export
[img]IMG/arancio1.bmp[/img] Report
</DIV>
</div>
</td>
</tr>
</table>
</div>
</font>
</p>
</body>
</html>
Rispondi quotando