Haciendo cajitas
28.04.2004 @ 05:21h.
Enlace para trackback
Llevaba mucho tiempo queriendo apañarme unas cajitas explicativas para determinados posts. El caso es que, pese a estar bastante de moda hace meses, este tipo de cajas parecen haber desaparecido de un tiempo a esta parte y no he podido recurrir al tradicional copy&paste ¿Qué le íbamos a hacer? No parecía excesivamente complicado, así que me he puesto manos a la obra.
Finalmente, y como era de esperar, lo que no debía suponerme más de 5 minutos se ha prolongado durante más de media hora. Y todo por equivocarme al teclear y colocar un “=” dónde debería haber ido “:” ¡Con lo cómodo que era el Basic del Spectrum en circunstancias similares!
A continuación copio el código para hacer cajitas, ya sin errores, para ahorrar a los posibles interesados el trámite de andar rebuscando en el fichero .css de la web:
width: 24%;
padding: 10px;
font: 0.8em “Trebuchet MS”, Helvetica, Arial, Verdana, sans-serif;
border: dotted 1px #666666;
color: #444444;
background: #EEEEEE;
margin-left: 2%;
margin-right: 1%;
margin-top: 1%;
margin-bottom: 1%;
float: right;
text-align: left; }
Para invocarlas, lo de siempre, con un span class=”caja” basta y sobra.


Aporta tu comentario para la posteridad .-
Tu email no será publicado o utilizado con fines comerciales ¡Palabrita!
Si lo deseas, puedes hacer uso de las etiquetas HTML mostradas a continuación:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>