Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Sistem fotovoltaic 5kw off grid

Repunere minge in teren

Telefon de pe Amazon sau site rom...
 Digitalizare in domeniul Horeca

Asigurare la B7 cat mai ajunge?

cumparare masina inmatriculata in...

Certificat fiscal auto
 [CUM] Cum ati fi reactionat in ac...

Credex și altex fara dobanda

schimbare nume familie copil

Problema mașina de spalat ve...
 Ajutor incepator

Preturile https://www.colins.ro/ ...

LP - One Last Time

1 Decembrie 2022 - topic pentru d...
 

Probleme meniu navigare

- - - - -
  • Please log in to reply
6 replies to this topic

#1
glontzjr

glontzjr

    Junior Member

  • Grup: Members
  • Posts: 36
  • Înscris: 29.03.2012
Salut!
Am o problema la meniu de navigare la un webiste, si anume in momentul in care apas pe marginile butonului, linkul nu functioneaza. Functioneaza doar in cazul in care apas direct pe scrisul din buton si as vrea sa functioneze pe toata suprafata butonului:
Aveti mai jos codul:

HTML
<section id=" nav-container ">
  <div id=" nav ">
  <ul>
  <li class="home active"><a href="index.php"><span>Home</span></a></li>
<li><a href="publicitate-fonduri-europene-ziare-nationale.php"><span>Ziare Nationale</span></a
  ></li>
  <li><a href="publicitate-fonduri-europene-ziare-locale.php"><span> Ziare Locale</span></a> </li>
   <li><a href="modalitati-de-plata.php"><span>Modalitati de plata</span></a>  </li>   
  <li> <a href="contact.php"><span> Contact</span></a></li>
  </ul>
</div>
    </section>

CSS

/* Navigation
----------------------------------------------------------------------------- */
#nav-container{
    float: left;
    width: 670px;
    height: 40px;
    z-index: 200;
    position: relative;  
    background: #333;
}
#nav-container:after{
    position:absolute;
    bottom:0px;
    right:0;
    content:".";
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    width:0px; height:0px;
    border-bottom: 40px solid #fff;
    border-left: 18px solid transparent;
}
#nav-container select{
    display: none;
}
/* MAIN NAVIGATION STYLES
----------------------------------------------------------------------------- */
#nav{
    height: 100%;
    margin:0;
    list-style: none;
    float: left;
    position: relative;

}
#nav li.home{
    padding: 12px 15px 11px 25px;
    background-image: url('../img/menu-icon.png');
    background-repeat:no-repeat;
    background-position: 8px center;
}
#nav li.home:before{
    position:absolute;
    bottom:0px;
    left:-18px;
    content:".";
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    width:0px; height:0px;
    border-bottom: 40px solid #333;
    border-left: 18px solid transparent;
}
#nav li.home:hover,
#nav li.home.active{
    background-image:  url('../img/menu-icon-hover.png');
    background-position: 8px center;
    background-repeat: no-repeat;
}
#nav > ul{
    display: block !important;
}
#nav li{
    float: left;
    position: relative;
    padding: 12px 15px 11px 15px;
    cursor: pointer;
}
#nav li.active a{
    border-right: none;
}
#nav li a{
    float: none;
    display: block;
    font: 12px 'Open Sans', Arial, sans-serif;
    color: #aaa;  
    text-transform: uppercase;
}
#nav li:hover a,
#nav li.active a{
    color: #fff;
}

#2
HpVirus

HpVirus

    Active Member

  • Grup: Members
  • Posts: 1,135
  • Înscris: 30.05.2009
Adauga

padding: 12px 15px 11px 15px;



de la #nav li la #nav li a.

#3
glontzjr

glontzjr

    Junior Member

  • Grup: Members
  • Posts: 36
  • Înscris: 29.03.2012

View PostHpVirus, on 04 aprilie 2014 - 18:25, said:

Adauga

padding: 12px 15px 11px 15px;


de la #nav li la #nav li a.

Nu merge! Plus ca se mareste butonul foarte mult!

#4
MikeD

MikeD

    Member

  • Grup: Members
  • Posts: 605
  • Înscris: 04.09.2013
http://stackoverflow...div-into-a-link

#5
glontzjr

glontzjr

    Junior Member

  • Grup: Members
  • Posts: 36
  • Înscris: 29.03.2012
thx MikeD

Am rezolvat problema astfel:

<section id="nav-container">
  <div id="nav">
  <ul>
  <li class="home active" onclick="location.href='page.html';"  style="cursor:pointer;">Home</li>
<li onclick="location.href='page.html';"  style="cursor:pointer;">Ziare Nationale</li>
  <li onclick="location.href='page.html';"  style="cursor:pointer;">Ziare Locale </li>
  <li onclick="location.href='page.html';"  style="cursor:pointer;">Modalitati de plata</li>   
  <li onclick="location.href='page.html';"  style="cursor:pointer;"> Contact</li>
  </ul>
</div>
    </section>

#6
MikeD

MikeD

    Member

  • Grup: Members
  • Posts: 605
  • Înscris: 04.09.2013
Cu plăcere.

#7
MooF2010

MooF2010

    Senior Member

  • Grup: Senior Members
  • Posts: 4,864
  • Înscris: 24.05.2010
mai trebuia cursor pointer? daca nu modifici tu cursorul e cam din default

Anunturi

Bun venit pe Forumul Softpedia!

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate