Web development Programiranje, dizajn, hosting i sve ostalo vezano uz razvoj web siteova
#1
zajeBANIRAN
Registracija: Sep 2005.
Postova: 6,147
IZBORNIK u OPERA browseru
imam izbornik (meni) koji se otvara preko IFRAMEa, vidi se u svim browseima osim OPERE, naime kod opere se izbornik otvara ispod IFRAMEa, a ne iznad kao što bi trebao...
#3
zajeBANIRAN
Registracija: Sep 2005.
Postova: 6,147
evo ovak u menu piše::: style="position: relative; z-index: 9;" za sliku koja je triger da se pojavi meni...
#4
Had
Registracija: Oct 2003.
Lokacija: MliječniPut 42
Postova: 7,861
Paaa isto tak napraviš. Samo z indeks smanjiš. Staviš recimo 8.
A oko menija: ti bi layeru u kojem se nalazi taj meni trebao reći koji mu je z-index!
Sponsored links
Advertisement
#5
zajeBANIRAN
Registracija: Sep 2005.
Postova: 6,147
neće mi...
#6
Had
Registracija: Oct 2003.
Lokacija: MliječniPut 42
Postova: 7,861
Postaj...
#7
zajeBANIRAN
Registracija: Sep 2005.
Postova: 6,147
HTML Code:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta **********="Content-Type" ***********span style="color:#0000FF">"text/html; charset=iso-8859-2" />
<link href="#" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="meni/meniscript.js" > </script>
</head>
<body>
<div align="center" >
<table width="775" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td align="center" valign="top" > <table height="97" cellspacing="0" cellpadding="0" width="775" align="center" border="0" >
<tbody>
<tr>
<td class="borderbottomTOP" > </td>
</tr>
<tr>
<td height="7" > </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td height="15" align="center" valign="top" > <table height="20" border="0" cellpadding="0" cellspacing="0" >
<tbody>
<tr valign="bottom" >
<td> <script language="JavaScript" type="text/javascript" >
var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 118, 191, 65)
myMenu1.offset = -458;
myMenu1.onactivate = repositionMenu;
</script>
<img src="meni/otkrijte_nas.jpg" alt="" name="menu1Header" width="191" height="20" border="0" id="menu1Header" style="position:relative; z-index: 9;" onMouseOver="ypSlideOutMenu.showMenu('menu1');" onMouseOut="ypSlideOutMenu.hideMenu('menu1');" />
<div style="visibility: hidden;" id="menu1Container" >
<div id="menu1Content" style="top: -180px;" >
<table width="191" border="0" cellspacing="0" cellpadding="0" bgcolor="#27458d" >
<tr>
<td class="meni_tablica" onMouseOver="this.bgColor = '#7286b5';" onmouseout="this.bgColor = '#27458d';" > <a class="menifont" href="#" target="_top" > O nama</a> </td>
</tr>
<tr>
<td class="meni_tablica" onMouseOver="this.bgColor = '#7286b5';" onmouseout="this.bgColor = '#27458d';" > <a href="#" class="menifont" > Lokacija</a> </td>
</tr>
</table>
</div>
</div> </td>
<td nowrap="nowrap" width="3px" > </td>
<td> <script language="JavaScript" type="text/javascript" >
var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 118, 191, 150)
myMenu2.offset = -264;
myMenu2.onactivate = repositionMenu;
</script>
<img src="meni/vas_novi_peugeot.jpg" alt="" name="menu2Header" width="191" height="20" border="0" id="menu2Header" style="position: relative; z-index: 9;" onMouseOver="ypSlideOutMenu.showMenu('menu2');" onMouseOut="ypSlideOutMenu.hideMenu('menu2');" />
<div style="visibility: hidden;" id="menu2Container" >
<div id="menu2Content" style="top: -180px;" >
<table width="191" border="0" cellspacing="0" cellpadding="0" bgcolor="#27458d" >
<tr>
<td class="meni_tablica" onMouseOver="this.bgColor = '#7286b5';" onmouseout="this.bgColor = '#27458d';" > <a href="#" target="_blank" class="menifont" > Osobna vozila</a> </td>
</tr>
<tr>
<td class="meni_tablica" onMouseOver="this.bgColor = '#7286b5';" onmouseout="this.bgColor = '#27458d';" > <a href="#" target="_blank" class="menifont" > Komercijalna vozila</a> </td>
</tr>
</table>
</div>
</div> </td>
<td nowrap="nowrap" width="3px" > </td>
<td> <script language="JavaScript" type="text/javascript" >
var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 118, 191, 145)
myMenu3.offset = -70;
myMenu3.onactivate = repositionMenu;
</script>
<img src="meni/nase_usluge.jpg" alt="" name="menu3Header" width="191" height="20" border="0" id="menu3Header" style="position: relative; z-index: 9;" onMouseOver="ypSlideOutMenu.showMenu('menu3');" onMouseOut="ypSlideOutMenu.hideMenu('menu3');" />
<div style="visibility: hidden;" id="menu3Container" >
<div id="menu3Content" style="top: -180px;" >
<table width="191" border="0" cellspacing="0" cellpadding="0" bgcolor="#27458d" >
<tr>
<td class="meni_tablica" onMouseOver="this.bgColor = '#7286b5';" onmouseout="this.bgColor = '#27458d';" > <a href="#" class="menifont" > Prodaja</a> </td>
</tr>
<tr>
<td class="meni_tablica" onMouseOver="this.bgColor = '#7286b5';" onmouseout="this.bgColor = '#27458d';" > <a href="#" class="menifont" > Servis</a> </td>
</tr>
</table>
</div>
</div> </td>
<td nowrap="nowrap" width="3px" > </td>
<td> <script language="JavaScript" type="text/javascript" >
var myMenu4 = new ypSlideOutMenu("menu4", "down", 0, 118, 191, 150)
myMenu4.offset = 124;
myMenu4.onactivate = repositionMenu;
</script>
<img src="meni/extra.jpg" alt="" name="menu4Header" width="191" height="20" border="0" id="menu4Header" style="position: relative; z-index: 9;" onMouseOver="ypSlideOutMenu.showMenu('menu4');" onMouseOut="ypSlideOutMenu.hideMenu('menu4');" />
<div style="visibility: hidden;" id="menu4Container" >
<div id="menu4Content" style="top: -180px;" >
<table width="191" border="0" cellspacing="0" cellpadding="0" bgcolor="#27458d" >
<tr>
<td class="meni_tablica" onMouseOver="this.bgColor = '#7286b5';" onmouseout="this.bgColor = '#27458d';" > <a class="menifont" href="#" target="_blank" > Vijesti</a> </td>
</tr>
<tr>
<td class="meni_tablica" onMouseOver="this.bgColor = '#7286b5';" onmouseout="this.bgColor = '#27458d';" > <a class="menifont" href="#" target="_blank" > Tehnologija</a> </td>
</tr>
</table>
</div>
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td align="center" valign="top" > <table width="773" border="0" cellpadding="0" cellspacing="0" background="0snova/bg-podmeni.jpg" style="background-position:bottom" >
<tr>
<td bgcolor="#336699" > <img src="0snova/spacer.gif" width="20" height="15" > </td>
</tr>
</table> </td>
</tr>
<tr>
<td align="center" valign="top" > <img src="0snova/spacer.gif" width="1" height="7" /> </td>
</tr>
<tr>
<td align="center" valign="top" > <table width="773" border="0" cellpadding="0" cellspacing="0" style="background-position:left top; background-repeat:no-repeat" >
<tr>
<td align="left" valign="top" > <table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td align="left" valign="top" > <div align="center" > <img src="bg-main-top1.gif" width="773" height="5" > </div> </td>
</tr>
<tr>
<td align="left" valign="top" > <table width="100%" border="0" cellpadding="0" cellspacing="0" background="bg-main-main.gif" style="background-position:center" >
<tr>
<td align="center" > <iframe frameborder="0" height="500" width="771" src="http://www.FER.hr" scrolling="no" > </iframe> </td>
</tr>
</table> </td>
</tr>
<tr>
<td align="left" valign="top" > <div align="center" > <img src="bg-main-bottom.gif" width="773" height="6" > </div> </td>
</tr>
</table> </td>
</tr>
</table> </td>
</tr>
</table>
</div>
</body>
</html>
#8
Had
Registracija: Oct 2003.
Lokacija: MliječniPut 42
Postova: 7,861
E vako... nekoliko primjedbi:
1) Nemoj pisat javascript unutar body-a. Iako to ide, onak izgleda nepregledno i ružno. Ove sve skriptice si mogao bez problema stavit u head i sve bi radilo as is.
2) Koristi rađe style="display: none;" i style="display: block;". Starije verzije nekih browsera ti ne podržavaju ovaj style="visibility: hidden;"! Ima dosta rasprave na tu temu na netu. "display: none;" mi se pokazao kao dobro rješenje.
3) z-index koristiš na krivom mjestu. Moraš ih koristiti na tagovima čije elemente želiš kontrolirati. Na primjer:
Kod:
<div style="display: none;z-index: 8;" id="menu1Container">
i
Kod:
<iframe frameborder="0" height="500" width="771" src="http://www.FER.hr" scrolling="no" style="z-index: 9;"></iframe>
Probaj ovo, iako nije 100% sigurno da će raditi. Morao bih isprobati, a trenutno.... gužva.
#9
zajeBANIRAN
Registracija: Sep 2005.
Postova: 6,147
trenutno je i meni gužva...
ispiti i jedan site i svi me fnjave ko za inat im se sad kvare računala
pogledat ću ovo čim stignem...
tenks
#10
zajeBANIRAN
Registracija: Sep 2005.
Postova: 6,147
NE radi mi
ne znam kaj da velim...
umetnuo sam ono i mijenjao brojeve al neće...
Sponsored links
Advertisement
Tematski alati
Opcije prikaza
Linearni mod
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML kôd je Off
Sva vremena su GMT +2. Trenutno vrijeme je: 21:16 .
Linearni mod
