Hola:
Gracias Nicolás y Nika, he probado lo que me dicen y no me funciona. Miren el
CSS que estoy trabajando:
div#smileys {
width: 63px;
padding: 21px;
}
ul#ul-notype {
list-style-type: none;
padding: 0;
margin: 0;
}
ul#ul-notype li {
display: inline;
}
Y luego el HTML al cual lo estoy aplicando es el siguiente:
<div class="smilies">
<fieldset>
<legend>Smilies</legend>
<div class="smileys">
<ul class="ul-notype">
<li><img src="themes/images/caritas/adore.gif" alt="" /></li>
<li><img src="themes/images/caritas/adore.gif" alt="" /></li>
<li><img src="themes/images/caritas/adore.gif" alt="" /></li>
<li><img src="themes/images/caritas/adore.gif" alt="" /></li>
<li><img src="themes/images/caritas/adore.gif" alt="" /></li>
<li><img src="themes/images/caritas/adore.gif" alt="" /></li>
</ul>
</div>
</fieldset>
</div>
Las imágenes todas tienen 21x19 px aproximadamente, quizás alguna se pase de
ese tamaño pero no se como arreglarlo, si darle un poco más de width al div
smileys o no se. Ahora la propiedad padding que hay en div#smileys para que me
sirve? No le encuentro ninguna lógica o mejor dicho funcionamiento.
Nika:
Estoy buscando una posible solución para el problema de las características
para aquellos que no tengan JS activado en sus navegadores, hasta ahora nada de
nada, quizás la solución sea poner un <noscript> y reportarle al usuario que
para poder hacer uso de ello debe habilitar el uso del mismo. Quiero hacer algo
como lo que hacen los editores WYSIWYG pero creo que todavía mi conocimiento no
llega para eso.
No te preocupes que espero para la próxima versión del Portal solucionar todos
esos errores y esta vez hacer una buena página con todo validado por la W3C.
Salu2 y nuevamente esperando por sus respuestas
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
> -----Mensaje original-----
> De: [EMAIL PROTECTED] [mailto:ovillo-
> [EMAIL PROTECTED] En nombre de carlos campderrós
> Enviado el: Tuesday, July 11, 2006 4:33 AM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Ayuda con posicionamiento de imagenes en
> formularioaccesible y con CSS
>
> On 7/11/06, Nika Vidal <[EMAIL PROTECTED]> wrote:
> > En el caso de las caras, desde mi punto de vista, no es presentación,
> por lo
> > que no estaría mal que utilizases tablas para organizarlas.
>
> q no sea presentación no significa que se puedan utilizar tablas. Esas
> caras no son datos tabulados, sinó una lista de imágenes, por lo que
> lo correcto, desde mi punto de vista, es combinar tu solución número 1
> con lo que dijo Nicolás Carrera:
>
> CSS:
> div#smileys {
> width: (el ancho de 3 caras);
> padding: 20px;
> }
>
> #smileys li {
> display: inline;
> }
>
> HTML:
> <div id="smileys">
> <ul>
> <li>cara 1</li>
> <li>cara 2</li>
> ...
> </ul>
> </div>
>
>
> Reynier, cuando tengo javascript desactivado, me pongo como un tonto e
> insisto mucho en clicar en las caras, pero no hace nada, y me frustro
> mucho. Quizás deberías mostrarlas mediante javascript. Y mostrar un
> cursor de una mano (cursor: pointer; en CSS) al pasar por encima, para
> dar sensación de elemento clicable.
>
> Saludos
>
> --
> Si no puedes deslumbrar con tu inteligencia,
> desconcierta con tus gilipolleces
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
