Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
La multi ani @fiuny!

Ghiocei - nu mai infloresc

Laowa 10mm F/2.8 pentru FF

Daca imi fac casa cu fosa, cat co...
 Navigatie Octavia 3

Cum obtin reducere la Bolt? Sau e...

Garantie reciclabile, monopolizata?

Suport auto biciclete
 A murit Vasile Diba 1954-2024

A postat pe tiktok o varianta cu ...

Sfat curațare TEI

Shell script pentru 3 update-uri ...
 Pareri plita cu inductie cu hota ...

Credit si avans cu plata cash - l...

alternativa pentru artelac night ...

Alarma daca pulsul scade prea mult
 

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,136
  • Î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: 5,261
  • Înscris: 24.05.2010
mai trebuia cursor pointer? daca nu modifici tu cursorul e cam din default

Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

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