Volver al Foro de Diseño de páginas Web

Menú Color Problema

  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Registrado: Jul 16, 2006
  • Mensajes: 23
  • Status: Offline

Nota Agosto 10th, 2009, 10:37 am

Hola, en mi sitio http://owenconti.com , Quiero que la actual página de título de menú a ser azul y no renovación de acción. He intentado aplicar una "clase" a la relación indicando que el enlace de color azul, pero no acepta eso. No sé cómo lograr esto.

Por favor ayuda?
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Agosto 10th, 2009, 10:37 am

  • Zwirko
  • Guru
  • Guru
  • Avatar de Usuario
  • Registrado: May 29, 2005
  • Mensajes: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Nota Agosto 10th, 2009, 4:47 pm

Eliminar el enlace desde el enlace de texto completo y dar la <li> elemento de una clase de "actual" (o cualquier nombre que más te guste). Así que, para la página de enlaces que tendría este aspecto:

Código: [ 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>



El estilo es ahora un poco apagado, pero no por mucho. Para corregir esto, agregar la siguiente regla a tu CSS:

Código: [ Select ]
.current {padding: 0 45px}



Parece que sobre el derecho a mí:

Imagen
  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Registrado: Jul 16, 2006
  • Mensajes: 23
  • Status: Offline

Nota Agosto 11th, 2009, 12:16 am

gah!
salvador!
muchas gracias!
  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Registrado: Jul 16, 2006
  • Mensajes: 23
  • Status: Offline

Nota Agosto 11th, 2009, 12:33 am

En realidad, que sólo trabajó en los vínculos. Si ver el sitio ahora verás lo que quiero decir, he intentado ajustar en ambos relleno izquierdo y derecho y deshacerse de él, pero no totalmente, algo en alguna parte está impulsando los temas.
  • Zwirko
  • Guru
  • Guru
  • Avatar de Usuario
  • Registrado: May 29, 2005
  • Mensajes: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Nota Agosto 11th, 2009, 10:32 am

Didnt 45px se le olvida el relleno?

Cuando miro en el "trabajo" de la página es el espacio libre. Si añado el relleno de 45 px, como en mi ejemplo, se ve bien.
  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Registrado: Jul 16, 2006
  • Mensajes: 23
  • Status: Offline

Nota Agosto 11th, 2009, 12:31 pm

definitivamente no se soluciona me lo relleno con 0 o 45 o nada.

importante en FF3.
  • Zwirko
  • Guru
  • Guru
  • Avatar de Usuario
  • Registrado: May 29, 2005
  • Mensajes: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Nota Agosto 11th, 2009, 2:10 pm

Youve aplicarse la clase "trabajo" y algunas páginas a la clase "activo" a los demás. No hay ninguna clase "activo" en su css. En su css, el "trabajo" tiene la clase 45px relleno - razón por la cual el "trabajo" y "enlaces" páginas ves bien y por qué la "fotografía" de la página está fuera de WACK.

Usted necesidad de aplicar el "trabajo" de clase a los elementos de menú activo en todas las páginas, o cambiar de "trabajo" a "activa" en los menús y editar el nombre de la clase css a "activa" en el css.


Usted debe ser bueno para ir ahora.
  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Registrado: Jul 16, 2006
  • Mensajes: 23
  • Status: Offline

Nota Agosto 11th, 2009, 4:08 pm

He intentado hacer un "trabajo" para los trabajos de clase página, un "enlace" para la clase de vínculo página y así sucesivamente.

cada uno de ellos con el mismo relleno.

pero no funcionó para mí. ?
  • Zwirko
  • Guru
  • Guru
  • Avatar de Usuario
  • Registrado: May 29, 2005
  • Mensajes: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Nota Agosto 12th, 2009, 11:35 am

Im no seguro que hay de nuevo en su final, ya que cada página funciona perfectamente para mí.

Este es mi código de la página "Enlaces":

Código: [ 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.  


Este es mi código para la labor de la "página":

Código: [ 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>


(Realizar el mismo tipo de cosas para las otras dos páginas también, obviamente)




CSS para la cabecera tiene este aspecto:

Código: [ 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 eso no funciona, entonces Ive ni idea de qué se está encendiendo. Te juro que parece perfecto en mi fin.

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 9 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 78 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC