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

Pregunta principiante

  • quddusaliquddus
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Jun 27, 2009
  • Mensajes: 5
  • Status: Offline

Nota Junio 27th, 2009, 1:10 pm

Estoy tratando de cambiar http://www.ndesign-studio.com/blog/mac/css-dock-menu de tal modo que los iconos tienen más espacio entre ellos que presente. Anykind de ayuda sería muy apreciada.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Junio 27th, 2009, 1:10 pm

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de Usuario
  • Registrado: Jul 25, 2005
  • Mensajes: 2735
  • Loc: Nashville, TN
  • Status: Offline

Nota Junio 27th, 2009, 2:40 pm

¿Qué son los iconos que el espacio tratando de salir? Sitio parece bastante completo para mí. Usted wouldnt ser un link de publicidad, ¿verdad?
I'd love to change the world, but they won't give me the source code.
  • quddusaliquddus
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Jun 27, 2009
  • Mensajes: 5
  • Status: Offline

Nota Junio 27th, 2009, 2:45 pm

Hola. Yo no soy la publicidad. Me han sustituido los iconos con mis propios pero están demasiado próximos entre sí.


¿Pueden ayudarme?
  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de Usuario
  • Registrado: Jul 25, 2005
  • Mensajes: 2735
  • Loc: Nashville, TN
  • Status: Offline

Nota Junio 27th, 2009, 2:52 pm

Que los iconos de la página se habla de usted?
I'd love to change the world, but they won't give me the source code.
  • quddusaliquddus
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Jun 27, 2009
  • Mensajes: 5
  • Status: Offline

Nota Junio 27th, 2009, 3:26 pm

Los iconos de menú en el banquillo de los acusados. He descargado el ejemplo y cambiar los iconos. Thye mirar demasiado cerca juntos.
  • tastysite
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Abr 09, 2008
  • Mensajes: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Nota Junio 28th, 2009, 5:03 am

y sólo utilizar el relleno como este
Código: [ Select ]
padding-left:50px
cambiar el 50px a lo que quieras
^__^
  • quddusaliquddus
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Jun 27, 2009
  • Mensajes: 5
  • Status: Offline

Nota Junio 28th, 2009, 6:31 am

Hola tastysite - gracias por la respuesta. Lamentablemente después de cambiar todos los elementos de relleno izquierda en el archivo css - no funciona.
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8211
  • Loc: USA
  • Status: Offline

Nota Junio 30th, 2009, 11:39 pm

Código: [ Select ]
margin-left: 50px;

Cambiar de 50 a lo que necesite.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • CXLink
  • Expert
  • Expert
  • Avatar de Usuario
  • Registrado: Nov 22, 2004
  • Mensajes: 684
  • Loc: ATL-GA
  • Status: Offline

Nota Julio 1st, 2009, 11:30 am

No creo que el CSS es el problema después de jugar con el banquillo de los acusados aquí parece que una cosa JS. Por otra parte podría ser totalmente errónea.
Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher
  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Julio 2nd, 2009, 1:52 pm

ahora tu CSS muestra estos vlaues de esa clase:
Código: [ Select ]
 
a.dock-item {
    display: block;
    width: 40px;
    color: #000;
    position: absolute;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Arial, Helvetica, sans-serif;
}
 
  1.  
  2. a.dock-item {
  3.     display: block;
  4.     width: 40px;
  5.     color: #000;
  6.     position: absolute;
  7.     top: 0px;
  8.     text-align: center;
  9.     text-decoration: none;
  10.     font: bold 12px Arial, Helvetica, sans-serif;
  11. }
  12.  

Preste atención a estas tres propiedades:
Código: [ Select ]
 
a.dock-item {
    display: block;
    width: 40px;
    color: #000;
    position: absolute;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Arial, Helvetica, sans-serif;
    padding-left: 5px;
}
 
  1.  
  2. a.dock-item {
  3.     display: block;
  4.     width: 40px;
  5.     color: #000;
  6.     position: absolute;
  7.     top: 0px;
  8.     text-align: center;
  9.     text-decoration: none;
  10.     font: bold 12px Arial, Helvetica, sans-serif;
  11.     padding-left: 5px;
  12. }
  13.  

O bien se debe trabajar. Puesto que usted ha mostrado la <a> como un elemento de bloque con "display: block" usted debería ser capaz de ajustar el ancho del elemento, cambiando "width: 40px" a "width: 50px;" o la talla. O simplemente puede añadir el "padding-left: 5px;" decoración.
Use your words like arrows to shoot toward your goal.

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 10 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 145 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