Retour à Forum de site web

Menu Color Problem

  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juil 16, 2006
  • Messages: 23
  • Status: Offline

Message Août 10th, 2009, 10:37 am

Salut, sur mon site http://owenconti.com , Je veux que les pages en cours à titre de menu bleu et n'ont pas de retournement action. Ive a essayé l'application d'une «classe» sur le lien indiquant que le lien de couleur bleue, mais il ne l'accepte pas. Je ne sais pas comment y parvenir.

S'il vous plaît, aidez?
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Août 10th, 2009, 10:37 am

  • Zwirko
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 29, 2005
  • Messages: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Message Août 10th, 2009, 4:47 pm

Retirez le lien à partir du texte du lien et de donner tout l'élément <li> une classe de "courant" (ou n'importe quel nom vous préférez). Ainsi, pour la page de liens il ressemblera à ceci:

Code: [ Select ]
<div id="header">
<ul>
<li><a href="http://owenconti.com/index.html">owenconti</a></li>
<li><a href="http://owenconti.com/photography.html">photography</a></li>
<li><a href="http://owenconti.com/work.html">work</a></li>
<li class="current">links</li>
</ul>
</div>
  1. <div id="header">
  2. <ul>
  3. <li><a href="http://owenconti.com/index.html">owenconti</a></li>
  4. <li><a href="http://owenconti.com/photography.html">photography</a></li>
  5. <li><a href="http://owenconti.com/work.html">work</a></li>
  6. <li class="current">links</li>
  7. </ul>
  8. </div>



Le style est maintenant un peu plus loin, mais pas de beaucoup. Pour corriger cela, ajoutez la règle suivante à votre css:

Code: [ Select ]
.current {padding: 0 45px}



Semble sur le droit de me:

Image
  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juil 16, 2006
  • Messages: 23
  • Status: Offline

Message Août 11th, 2009, 12:16 am

gah!
sauveur!
thank you so much!
  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juil 16, 2006
  • Messages: 23
  • Status: Offline

Message Août 11th, 2009, 12:33 am

En effet, que seulement travaillé sur les liens. Si vous consultez le site maintenant, vous verrez ce que je veux dire, j'ai tenté d'ajuster le rembourrage sur la gauche et la droite et de se débarrasser de lui, mais pas totalement, quelque chose pousse les articles.
  • Zwirko
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 29, 2005
  • Messages: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Message Août 11th, 2009, 10:32 am

Didnt vous oubliez la 45px padding?

Quand je regarde le «travail» à la page de l'espacement est éteint. Si j'ajoute le padding de 45 px, comme dans mon exemple, il l'air bien.
  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juil 16, 2006
  • Messages: 23
  • Status: Offline

Message Août 11th, 2009, 12:31 pm

il n'a certainement pas résoudre ce problème pour moi avec 0 padding ou 45 ou rien.

im in FF3.
  • Zwirko
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 29, 2005
  • Messages: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Message Août 11th, 2009, 2:10 pm

Youve appliqué la catégorie «travail» à certaines pages et la classe "active" pour les autres. Il n'y a pas de classe "active" dans votre css. Dans votre css, le «travail» de la classe a 45px padding - c'est la raison pour laquelle le "travail" et "liens" pages look fine et pourquoi la "photographie" la page est hors de wack.

Vous avez besoin d'appliquer le "travail" de la classe active des éléments du menu sur toutes les pages, ou de changer le "travail" à "actif" sur les menus et de modifier le nom de la classe css à "active" dans le css.


Vous devez être bon d'aller.
  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juil 16, 2006
  • Messages: 23
  • Status: Offline

Message Août 11th, 2009, 4:08 pm

J'ai essayé de faire un «travail» pour le travail de classe page, un "lien" classe pour la page de liens et ainsi de suite.

chacun avec le même padding.

mais ça n'a pas fonctionné pour moi. ?
  • Zwirko
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 29, 2005
  • Messages: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Message Août 12th, 2009, 11:35 am

Im not sure whats going on de votre côté, car chaque page fonctionne parfaitement pour moi.

Ceci est mon code pour la page "Liens":

Code: [ Select ]
<div id="header">
<ul>
<li><a href="http://owenconti.com/index.html">owenconti</a></li>
<li><a href="http://owenconti.com/photography.html">photography</a></li>
<li><a href="http://owenconti.com/work.html">work</a></li>
<li class="active">links</li>
</ul>
</div>
 
  1. <div id="header">
  2. <ul>
  3. <li><a href="http://owenconti.com/index.html">owenconti</a></li>
  4. <li><a href="http://owenconti.com/photography.html">photography</a></li>
  5. <li><a href="http://owenconti.com/work.html">work</a></li>
  6. <li class="active">links</li>
  7. </ul>
  8. </div>
  9.  


Ceci est mon code pour le «travail» à la page:

Code: [ Select ]
<div id="header">
<ul>
<li><a href="http://owenconti.com/index.html">owenconti</a></li>
<li><a href="http://owenconti.com/photography.html">photography</a></li>
<li class="active">work</li>
<li><a href="http://owenconti.com/links.html">links</a></li>
</ul>
</div>
  1. <div id="header">
  2. <ul>
  3. <li><a href="http://owenconti.com/index.html">owenconti</a></li>
  4. <li><a href="http://owenconti.com/photography.html">photography</a></li>
  5. <li class="active">work</li>
  6. <li><a href="http://owenconti.com/links.html">links</a></li>
  7. </ul>
  8. </div>


(Ne le même genre de chose pour les deux autres pages aussi, évidemment)




CSS pour l'en-tête ressemble à ceci:

Code: [ Select ]
#header ul {
list-style: none;
margin: 40px 0 0 28px;
float: left;
text-align: center;
}
#header ul li {
    display: inline;
    text-align: center;
    width: 850px;
}
#header ul li a {
   
color: #3D3D3D;
    padding: 0 45px;
    text-decoration: none;
}
#header ul li a:hover {
    color: #0083f2;
}
 
.active {padding: 0 45px;}
  1. #header ul {
  2. list-style: none;
  3. margin: 40px 0 0 28px;
  4. float: left;
  5. text-align: center;
  6. }
  7. #header ul li {
  8.     display: inline;
  9.     text-align: center;
  10.     width: 850px;
  11. }
  12. #header ul li a {
  13.    
  14. color: #3D3D3D;
  15.     padding: 0 45px;
  16.     text-decoration: none;
  17. }
  18. #header ul li a:hover {
  19.     color: #0083f2;
  20. }
  21.  
  22. .active {padding: 0 45px;}



Si cela ne fonctionne pas, Ive pas alors l'idée whats going on. Je vous jure, il semble parfaite à ma fin.

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 9 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 149 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC