witam wszystkich, mam problem z menu rozwijalnym napisanym w phpie. a dokładniej chodzi mi o to ze np przy wysokiej rozdzielczosci menu dokładnie układa się pod danymi przyciskami, natomiast przy niższej rozdzielczości to menu jest jużw innym miejscu. Moje menu jest tak zdefiniowane.
.menu2 {
position:absolute;
display:none;
top:439px;
left:329px;
background-color:#dadadc;
padding:10px;
}
Czy jest możliwość aby to menu przyczepić np do brzegu obrazka i poprostu te piksele będzie liczył od tego obrazka a nie od boku całego monitora.
Czyli chodzi mi o to co zrobić aby to menu zawsze pokazywało się pod swoim przyciskiem nie zależnie od rozdzielczości monitora??
Pełna wersja: problem z menu rozwijalnym
Cytat
witam wszystkich, mam problem z menu rozwijalnym napisanym w phpie
tja...W skrocie mowiac: php nie ma tu nic do rzeczy. Przenosze
top:439px;
left:329px;
ustawiasz na stale pozycje menu no to tak masz. mozna js ustawiac w zaleznosci gdzie kliknieto, ale nie wiem jak u ciebie to dziala. Kod jakim nas uraczyles poraża ilościa informacji
mam nadzieje ze ta ilosc kodu pozwoli rozwiązać ten problem
<script language="JavaScript">
<!--
function pokaz(id)
{
document.getElementById(id).style.display='block';
}
function ukryj(id)
{
document.getElementById(id).style.display='none';
}
-->
</script>
<title>
O firmie
</title>
</head>
<body style="margin-left:auto;margin-right:auto; margin-top:0px; margin-bottom:0px; font-family:comic-sans; " onClick="ukryj('menu2'); ukryj('menu3')">
<div style=" text-align: center; background:url(images/tlo1.jpg); margin-left:auto; margin-right:auto; width:1024px;">
<div id="menu2" class="menu2">
<?
$baterie=mysql_query("select * from baterie_categories where cat_rodzic='1004'");
echo'<table cellpadding=0 cellspacing=0 border=0>';
while($b=mysql_fetch_array($baterie))
{
echo'<tr ><td style="border-bottom:1px solid #6b7e8d;"><a class="a" href="index.php?id='.$b['cat_id'].'">'.$b['cat_nazwa_pl'].'</a></td></tr>';
}
echo'</table>';
?>
</div>
<div id="menu3" class="menu3" >
<?
$baterie = mysql_query("select * from baterie_categories where cat_rodzic='1117'");
echo'<table cellpadding=0 cellspacing=0 border=0>';
while($b=mysql_fetch_array($baterie)) {
echo'<tr ><td style="border-bottom:1px solid #6b7e8d;"><a class="a" href="index.php?id='.$b['cat_id'].'">'.$b['cat_nazwa_pl'].'</a></td></tr>';
}
echo'</table>';
?>
</div>
<?
/*$baterie = mysql_query("select * from baterie_categories where cat_rodzic='1116'");
echo'<table cellpadding=0 cellspacing=0 border=0>';
while($b=mysql_fetch_array($baterie)) {
echo'<tr><td>'.$b['cat_nazwa_pl'].'</td></tr>';
}
echo'</table>'; */
?>
<table style="margin-left:auto; margin-right:auto; text-align: center;" cellspacing="0" cellpadding="0" border="0">
<tr >
<td style="; padding-bottom: 0px;" valign=top>
<img style="border:0px; text-align:center;" src="images/bto.jpg" alt="" usemap="#mapa1"/></td>
</tr>
<tr>
<th>
<table cellspacing="0" cellpadding="0" border="0" align="center">
<th width="121px" height="54px">
<a href="index.php">
<img style="border:0px" src="images/ofirmie.jpg" alt=""/></a>
</th>
<th width="132px" height="54px" >
<a onMouseOver="pokaz('menu2'); ukryj('menu3')" href="producenci.php">
<img style="border:0px" src="images/producenci.jpg" alt=""/></a>
</th>
<th width="250px" height="54px" >
<a onMouseOver="pokaz('menu3'); ukryj('menu2')" href="baterie.php">
<img style="border:0px" src="images/baterie.jpg" alt=""/></a>
</th>
<th width="220px" height="54px" >
<a onMouseOver="pokaz('menu4')" href="rynek.php">
<img style="border:0px" src="images/rynek.jpg" alt=""/></a>
</th>
<th width="129px" height="54px" >
<a href="kontakt.php">
<img style="border:0px" src="images/kontakt.jpg" alt=""/></a>
<script language="JavaScript">
<!--
function pokaz(id)
{
document.getElementById(id).style.display='block';
}
function ukryj(id)
{
document.getElementById(id).style.display='none';
}
-->
</script>
<title>
O firmie
</title>
</head>
<body style="margin-left:auto;margin-right:auto; margin-top:0px; margin-bottom:0px; font-family:comic-sans; " onClick="ukryj('menu2'); ukryj('menu3')">
<div style=" text-align: center; background:url(images/tlo1.jpg); margin-left:auto; margin-right:auto; width:1024px;">
<div id="menu2" class="menu2">
<?
$baterie=mysql_query("select * from baterie_categories where cat_rodzic='1004'");
echo'<table cellpadding=0 cellspacing=0 border=0>';
while($b=mysql_fetch_array($baterie))
{
echo'<tr ><td style="border-bottom:1px solid #6b7e8d;"><a class="a" href="index.php?id='.$b['cat_id'].'">'.$b['cat_nazwa_pl'].'</a></td></tr>';
}
echo'</table>';
?>
</div>
<div id="menu3" class="menu3" >
<?
$baterie = mysql_query("select * from baterie_categories where cat_rodzic='1117'");
echo'<table cellpadding=0 cellspacing=0 border=0>';
while($b=mysql_fetch_array($baterie)) {
echo'<tr ><td style="border-bottom:1px solid #6b7e8d;"><a class="a" href="index.php?id='.$b['cat_id'].'">'.$b['cat_nazwa_pl'].'</a></td></tr>';
}
echo'</table>';
?>
</div>
<?
/*$baterie = mysql_query("select * from baterie_categories where cat_rodzic='1116'");
echo'<table cellpadding=0 cellspacing=0 border=0>';
while($b=mysql_fetch_array($baterie)) {
echo'<tr><td>'.$b['cat_nazwa_pl'].'</td></tr>';
}
echo'</table>'; */
?>
<table style="margin-left:auto; margin-right:auto; text-align: center;" cellspacing="0" cellpadding="0" border="0">
<tr >
<td style="; padding-bottom: 0px;" valign=top>
<img style="border:0px; text-align:center;" src="images/bto.jpg" alt="" usemap="#mapa1"/></td>
</tr>
<tr>
<th>
<table cellspacing="0" cellpadding="0" border="0" align="center">
<th width="121px" height="54px">
<a href="index.php">
<img style="border:0px" src="images/ofirmie.jpg" alt=""/></a>
</th>
<th width="132px" height="54px" >
<a onMouseOver="pokaz('menu2'); ukryj('menu3')" href="producenci.php">
<img style="border:0px" src="images/producenci.jpg" alt=""/></a>
</th>
<th width="250px" height="54px" >
<a onMouseOver="pokaz('menu3'); ukryj('menu2')" href="baterie.php">
<img style="border:0px" src="images/baterie.jpg" alt=""/></a>
</th>
<th width="220px" height="54px" >
<a onMouseOver="pokaz('menu4')" href="rynek.php">
<img style="border:0px" src="images/rynek.jpg" alt=""/></a>
</th>
<th width="129px" height="54px" >
<a href="kontakt.php">
<img style="border:0px" src="images/kontakt.jpg" alt=""/></a>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.