Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Komplikovani padajuci meni

[es] :: Web dizajn i CSS :: Komplikovani padajuci meni

[ Pregleda: 4913 | Odgovora: 8 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

sredojevic
Vukosav Sredojevic
Ljig

Član broj: 33959
Poruke: 90
*.ptt.yu.

ICQ: 33
Sajt: www.ljignadlanu.com


Profil

icon Komplikovani padajuci meni05.11.2005. u 21:10 - pre 224 meseci
Ljudi treba da napravim sajt za skolu kosarke u valjevu.
Potreban mi je padajuci meni ali ne klasican vec kao
sto je na sajtu na pr. www.agromreza.co.yu
Da li neko zna da mi kaze adresu jos nekog sajta
koji ima slican meni ili da mi kaze kako se on pravi.

HVALA
V.Sredojevic
 
Odgovor na temu

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.panline.net.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com


Profil

icon Re: Komplikovani padajuci meni12.11.2005. u 20:44 - pre 224 meseci
probaj ovo
 
Odgovor na temu

dee_
domagoj horvat
zagreb

Član broj: 73648
Poruke: 98
195.29.5.*

Sajt: www.astro-art.net


Profil

icon Re: Komplikovani padajuci meni21.11.2005. u 21:01 - pre 224 meseci
ljudi, a ima li ko kakal link/skriptu za neki menu ali koji mogu pozicionirat u npr. neki div ili td... a da ne napisat x,y position? naso sam neke, ali ne mogu ih nikako 'zavezat' za mjesto gdje mi treba bit navigacija... (imam centriranu tabelu i navigaciju s desne strane)...


 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: Komplikovani padajuci meni21.11.2005. u 21:11 - pre 224 meseci
Pogledaj link koji je Dragan postavio ili na google potraži "css dropdown menu", ne vidim šta je problem jedan ovakav meni postaviti tamo gde želiš, jedino da postaviš svoj kod pa da vidimo gde grešiš
Banned - Not available
 
Odgovor na temu

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.panline.net.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com


Profil

icon Re: Komplikovani padajuci meni22.11.2005. u 01:00 - pre 224 meseci
Ehey, pozdrav Br@nkoR, long time no see

@ dee_ & ostali zainteresovani za MVMeni:

Ili pitajte preko komentara na linku koji sam dao (verovatno bolja opcija jer cu tako definitivno primetiti da vam treba pomoc) ili ovde. Rado cu pomoci oko implementacije, nije nikakav problem.
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: Komplikovani padajuci meni22.11.2005. u 07:30 - pre 224 meseci
Citat:
Im_a_Veggie: Ehey, pozdrav Br@nkoR, long time no see :)


Pozdrav. :)
Banned - Not available
 
Odgovor na temu

dee_
domagoj horvat
zagreb

Član broj: 73648
Poruke: 98
195.29.5.*

Sajt: www.astro-art.net


Profil

icon Re: Komplikovani padajuci meni23.11.2005. u 19:35 - pre 224 meseci
ispricavam se, nisam stigo prije...nije da pitam pa me ne interesira :lol:

evo koda sajta...

treba mi unutar DIVa #desni, da postavim vertikalni menu sa dubinom=2 (znaci na hover se otvara podmeni i u njemu na hoover jos jedan podmeni)... i trebam ga zaglaviti za taj DIV...

imao sam neki kojem mogu odrediti polozaj samo apsolutnim koordinatama. znaci, skriptu includeam u head, a u njegovom var.js fajlu stavim koordinate... ali mi to ne odgovara... treba mi nesto sta mogu zavezati za neki div... npr, da stavim u njega....


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE>Paradiso</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1250">
<STYLE type=text/css>

body {
    text-align: center;
    background: #C0D7EA url(img/bg_all.jpg) repeat-x left top;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    text-decoration: none;
}

#glavni {
    padding-right: 0px; 
    margin-top: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    margin-left: auto; 
    width: 780px; 
    margin-right: auto; 
    padding-top: 0px; 
    text-align: left;
    background: white;
}

#lijevi {
    padding-right: 0px;
    padding-left: 0px; 
    background: #fff; 
    float: left; 
    padding-bottom: 0px; 
    width: 585px;
    padding-top: 0px
}

#desni {
    padding-right: 0px;
    padding-left: 0px; 
    background: white; 
    float: left; 
    padding-bottom: 0px; 
    width: 195px;
    padding-top: 2px
    
}

#gore {
    background-image: url(img/head_bg.jpg);
    width:780px;
    height:136px;
    padding: 0px;
    margin: 0px;
}

#linkovi_gore {
    float:right;
    width:400px;
    height:81px;
    margin:47px 7px 0px 0px;
    text-align:right;
}
    
#panel_slike {
    width:780px;
    background: #fff;
    height:240px;
}

.clanak {
    padding-right: 0px; 
    margin-top: 5px; 
    margin-left: 15px;
    width: 555px;
    margin-right: auto; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    padding-top: 3px; 
    text-align: left;
    background: #F6F6F6;
}

#vise {
    float:right;
    margin-right: 10px;
    margin-bottom:10px;
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    color: #E60308; 
    text-decoration: none
}

#vise a{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #E60308; 
    text-decoration: none;
}

#naslovi_glavni {
    background: #DCDCDC;
    height:30px;
    padding-top:7px;
}

.podgrupe_desno {
    background: #E60308;
    width:195px;
    height:30px;
    margin-top: 1px; 
    text-align: right;
}

#anketa {
    background: #EFEFEF;
    width:195px;
    margin-top: 1px; 
    text-align: left;
}

.rezultat {
    background: url(img/ank_rez_bg.gif) repeat-y left top;
    font-size: 6px;
    text-color: white;
    height:17px;
    margin-left:10px;
    
}

P {
    margin: 0px 8px 10px 10px
}

.mejl {
    border:1px #E50110 solid;
    height: 18px; 
    font-size: 11px; 
    font-family: Arial, Helvetica, sans-serif; 
    background-image: url(img/input_bg.gif); 
    color: #FFFFFF;
    text-align: center;
}


#sl{ 
  float: left;
  margin-right: 7px;
}

#poll{
  float: right;
  margin-right: 1px;
  margin-top: 6px;
 }




</STYLE>

</HEAD>

<script type='text/javascript'>

//HV Menu- by Ger Versluis (http://www.burmees.nl/)
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
//Visit http://www.dynamicdrive.com for this script and more

function Go(){return}

</script>
<script type='text/javascript' src='exmplmenu_var.js'></script>
<script type='text/javascript' src='menu_com.js'></script><BODY>
<noscript>Your browser does not support script</noscript>


<DIV id=glavni> 
  <DIV id=gore> 
    <DIV id=linkovi_gore> 
      <form name="prijava" method="post" action="">
        <input type="text" name="mail" class="mejl" value="upišite vašu e-mail adresu" OnFocus="javascript: this.value='';" OnBlur="javascript: this.value='upišite vašu e-mail adresu';" style="width:138px;">
        <input type="submit" name="Prijava" value="Prijava" class="mejl">
        <br>
        <br>
      </form>
      <br>
      <img src="img/o_paradisu.gif" width="58" height="21"> <img src="img/katalog.gif" width="183" height="21"> 
      <img src="img/kontakt.gif" width="47" height="21"> </DIV>
    <img src="img/top_logo.jpg" width="195" height="136" align="left"> </DIV>
  <DIV id=panel_slike> <img src="img/panel_slike1.jpg" width="195" height="235"><img src="img/panel_slike2.jpg" width="195" height="235"><img src="img/panel_slike3.jpg" width="195" height="235"><img src="img/panel_slike4.jpg" width="195" height="235"> 
  </DIV>
  <DIV id=naslovi_glavni> <img src="img/novosti.gif" width="60" height="15" hspace="17"></DIV>
  <DIV id=lijevi> 
  
    <DIV class="clanak"> 
           <DIV id=vise> <a href="#">saznajte više</a> </DIV>
      <DIV  style="clear:both;"> </DIV>
    </DIV>
  </DIV>
 
  <DIV id=desni> 
    <DIV class=podgrupe_desno> <a href="#"><img src="img/podgrupe_vip.jpg" width="195" height="30" border="0"></a></DIV>
    <DIV class=podgrupe_desno> <a href="#"><img src="img/podgrupe_kutak.jpg" width="195" height="30" border="0"></a></DIV>
    <DIV class=podgrupe_desno> <a href="#"><img src="img/podgrupe_nagradne.jpg" width="195" height="30" border="0"></a></DIV>
    <DIV class=podgrupe_desno> <a href="#"><img src="img/podgrupe_paradiso.jpg" width="195" height="30" border="0"></a></DIV>
    <DIV class=podgrupe_desno> <a href="#"><img src="img/podgrupe_online.jpg" width="195" height="30" border="0"></a></DIV>
    <DIV id=anketa> 
      <p><img id=poll src="img/anketa.gif"></p>
      <p>&nbsp;</p>
      <p><b>Kako vam se sviđa naša web stranica?</b></p>
      <DIV class=rezultat style="width:90%;"> </div>
      <p>Jako dobra (90%)</p>
      <DIV class=rezultat style="width:35%;"> </div>
      <p> Dobra (35%)</p>
      <DIV class=rezultat style="width:67%;"> </div>
      <p> Može to i bolje (67%)</p>
      <DIV class=rezultat style="width:29%;"> </div>
      <p> Ne sviđa mi se (29%)</p>
      <DIV class=rezultat style="width:74%;"> </div>
      <p>Suzdržan (74%)<br>
        <br>
        <br>
      </p>
      <p  style="float:right"><b>Ukupno glasova:</b> 854</p>
    </DIV>
 
    <DIV id=anketa> 
      <p><img id=poll src="img/anketa.gif"></p>
      <p>&nbsp;</p>
      <p>Kako vam se sviđa naša web stranica?</p>
      <form name="anketa" method="post" action="">
        <p> 
          <input type="radio" name="pitanje" value="1">
          Jako dobra <br>
          <input type="radio" name="pitanje" value="2">
          Dobra<br>
          <input type="radio" name="pitanje" value="3">
          Može to i bolje<br>
          <input type="radio" name="pitanje" value="4">
          Ne sviđa mi se<br>
          <input type="radio" name="pitanje" value="5">
          Suzdržan </p>
        <p> 
          <input type="submit" name="Submit" value="Glasaj" class="mejl" style="float:right">
        </p>
        <p>&nbsp;</p>
      </form>
    </DIV>

  </DIV>
  <DIV  style="clear:both;">&nbsp; </DIV>
</DIV>
</BODY>
</HTML>


[Ovu poruku je menjao dee_ dana 23.11.2005. u 20:37 GMT+1]
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: Komplikovani padajuci meni24.11.2005. u 08:05 - pre 224 meseci
Npr. na brzinu, samo kako bi video logiku, ti stilizuj kako tebi odgovara, ovo neće raditi u IE-u zato pogledaj Draganov link kako bi video behavior koji će omogućiti da radi i u njemu.

html:
Code:

  <ul id="nav">
    <li><a href="#">link 1</a></li>
    <li>link 2
      <ul>
        <li><a href="#">link 21</a></li>
        <li>link 22
          <ul>
            <li><a href="#">link 221</a></li>
            <li><a href="#">link 222</a></li>
          </ul>
        </li>
        <li><a href="#">link 23</a></li>
      </ul>
    </li>
    <li><a href="#">link 3</a></li>
  </ul>


css:
Code:

#nav {
    margin:0;
    padding:0;
}
#nav li {
    margin:0;
    padding:0;
    list-style: none;
    position:relative;
}
#nav li ul {
    display: none;
}
#nav li:hover ul {
    display:block;
    position:absolute;
    top: 0;
    left: -70px;
}
#nav li:hover ul li ul{
    display:none;
}
#nav li:hover ul li:hover ul {
    display: block;
    position:absolute;
    top: 0;
    left: -70px;
}

Banned - Not available
 
Odgovor na temu

VELIKA_PAMET
Data Security Menadzer , Vodafone
holandija

Član broj: 76587
Poruke: 17
*.hfcnet.nutsmaas.nl.

Sajt: delta.lxhost.com


Profil

icon Re: Komplikovani padajuci meni05.12.2005. u 20:43 - pre 223 meseci
Ja mislim da bi za tebe bilo pametno da upotrebis style kao apartan CSS

A ne ovako kako si sada !!.
radi 3 razloga.

1. lakse za odzavanje
2. css u html head ima svojih bugs i !! nije siguran jel nogu svi browseri to da otvore tako.
3.veca predglednosti

Upotrebi link tag u head.
to ti je naj pametnije
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Komplikovani padajuci meni

[ Pregleda: 4913 | Odgovora: 8 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.