Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Miseryk en 27 Agosto 2013, 18:57 pm



Título: [RESUELTO] Problema con CSS
Publicado por: Miseryk en 27 Agosto 2013, 18:57 pm
Hola, estaba buscando algo que no puedo encontrar en internet, tal vez las personas no se lo preguntaron...


Acá está el problema:

Yo tengo ésto:

Código
  1. <ul class="nav">
  2.    <li>
  3.        <a href="#">StyleShit</a>
  4.        <ul>
  5.            ...
  6.        </ul>
  7.    </li>
  8. </ul>
  9.  

Lo que quiero hacer en CSS es ésto:

Código
  1. .nav a:after ul
  2. {
  3.    content: "\25bc"; /* http://textmechanic....-Converter.html */
  4.    font-size: 9px;
  5.    position:absolute;
  6. }
  7.  

Pero ésto no funciona, no sé por qué

Lo que quiero lograr es: que si hay luego de A un UL, que agregue "\25bc" al final de A.

El resultado sería como ésto:

Código
  1. <ul class="nav">
  2.    <li>
  3.        <a href="#">StyleShit</a>\25bc
  4.        O ASÍ
  5.        <a href="#">StyleShit \25bc</a>
  6.        <ul>
  7.            ...
  8.        </ul>
  9.    </li>
  10. </ul>
  11.  

Gracias, cualquier ayuda sería buena.


Título: Re: [AYUDA] Problema con CSS
Publicado por: itzg3 en 28 Agosto 2013, 03:00 am
Hola que tal,
La verdad no te entiendo porque en el CSS estas declarando un pseudo-elemento: After que se supone que te estas refiriendo a "<a>" no tiene sentido que le pongues un "ul " despues , si lo quieres es que antes de un "<ul>" que aumente "\25bc" simple y llanamente usar :


Código:
/* primera opcion */

.nav ul:before {
   content: "\25bc"; /* http://textmechanic....-Converter.html */
   font-size: 9px;
   position:absolute;
 }

/*Segunda Opcion*/

.nav a:after {
   content: "\25bc"; /* http://textmechanic....-Converter.html */
   font-size: 9px;
   position:absolute;
 }

Saludos  ;)


Título: Re: [RESUELTO] Problema con CSS
Publicado por: Miseryk en 28 Agosto 2013, 05:49 am
Encontré la solución acá:

http://demo.tursos.com/web/menu/menu.html (http://demo.tursos.com/web/menu/menu.html)


Título: Re: [RESUELTO] Problema con CSS
Publicado por: itzg3 en 28 Agosto 2013, 19:04 pm
Hola que bien pero yo me base en tu pregunta porque dices:

Citar

  Lo que quiero hacer en CSS es ésto:


La solucion que expones es en html no en css de todas formas que bien que lo hayas resuelto.

Saludos