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

CSS DropDown Meni problem sa prikazom

[es] :: Web dizajn i CSS :: CSS DropDown Meni problem sa prikazom

[ Pregleda: 2265 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

boguda
Belgrade

Član broj: 310711
Poruke: 100
82.117.215.*



+2 Profil

icon CSS DropDown Meni problem sa prikazom15.01.2015. u 09:30 - pre 112 meseci
Pravim neku asp.net aplikaciju a kao horizontalni dropdown meni koristim css I html
html:
Code:

 <div id="navMenu">
       <ul>
       <li>
       <a href="default.aspx">Pocetna</a>
        <ul>
        <li><a href="Projekti.aspx">Projekti</a></li>
        <li><a href="Skeniranje.aspx">Novo</a></li>
        <li><a href="Restauracija.aspx">Planovi</a></li>
        </ul><!-- end inner ul-->
       </li><!-- end main li-->
       </ul><!-- end menu ul-->       
       <ul>
       <li>
       <a href="Kontakt.aspx">Kontakt</a>
        <ul>
        <li><a href="Kontakt.aspx">Kontakt</a></li>
        </ul><!-- end inner ul-->
       </li><!-- end main li-->
       </ul><!-- end menu ul--> 
       <ul>
       <li>
       <a href="#">Vas nalog</a>
        <ul>
        <li><a href="Login.aspx">Ulouj se</a></li>
        <li><a href="UserControl/ChangigPass.aspx">Promeni sifru</a></li>
        </ul><!-- end inner ul-->
       </li><!-- end main li-->
       </ul><!-- end menu ul--> 
       <br class="clearFloat" />
        </div>

Code:

 
  #navMenu
  {
      margin:0px 0px 0px 100px;
      padding:0;
      }
 #navMenu ul
   {
      margin:0;
      padding:0;
      line-height:30px;
      }    

 #navMenu li
  {
      margin:0;
      padding:0;
      list-style:none;
      float:left;   
      position:relative;
      background-color:#FAFAFA;
      }
  #navMenu ul li a
  {
      text-align:center;
      font-family:"Comic Sans MS" , Cursive;
      text-decoration:none;
      height:30px;
      width:100px;
      display:block;
      color:#FFF;
      border:1px solid #FFF;
      text-shadow:1px 1px 1px #000; 
      }    
      
  #navMenu ul ul
  {
      position:absolute;
      visibility:hidden;
      top:32px;
      }
  #navMenu ul li:hover ul 
  {
      visibility:visible;
      top:30px;
      }         
      
      /********************************************************/
      
      #navMenu li:hover
      {
          background-color:#585858; 
          }
     #navMenu ul li:hover ul li a:hover
     {
         background:Gray;
         color:#000;
         }     
         
    #navMenu a:hover
    {
        color:#000;
        }     
        .clearFloat
        {
            clear:both;
            margin:0;
            padding:0;
            }

E sad sve radi ali kad se meni spusti (znaci kada padne meni) onaj deo koji je preko slike, diva ili teksta nije dobar . Recimo trecu stavku meija "Pocetna"-"Planovi" vidim samo kao text a ne kao box cak nema ni pozadine vec se vidi slika ili tekst pozadine a sam link ne mogu ni da kliknem jer cim krenem misem ka njemu izgubi se.
Mnogo sam los sa css-om I ovo sam uradio uz tutorijale pa ako moze pomoc vise oko objasnjenja samog problema nego oko koda.

bez blama
 
Odgovor na temu

boguda
Belgrade

Član broj: 310711
Poruke: 100
82.117.215.*



+2 Profil

icon Re: CSS DropDown Meni problem sa prikazom15.01.2015. u 11:25 - pre 111 meseci
nisam rekao da se meni nalazi na master strain I jednom <div id="divMeni"> a njego css:
Code:
#divMeni
{
    width:1080px; margin-left:auto; margin-right:auto; height:35px;
   margin-right:auto;  background-color:#FAFAFA; position:relative; 
   
    }
a content je u <div id="divContent"> 

#divContent
{width:968px; height:auto; min-height:700px; margin-left:0px; 
margin-right:auto; height:auto;
   margin-right:auto; background-color:#FAFAFA; float:right;    }
 


bez blama
 
Odgovor na temu

[es] :: Web dizajn i CSS :: CSS DropDown Meni problem sa prikazom

[ Pregleda: 2265 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

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