css ul horizontal

Para hacer un ul horizontal, bastaría con display:inline en los (li).
No me acuerdo cual era la historia para crear menus horizontales con ul, pero me encuentro con trabas, como la historia que en los (li) no me deja cambiar el color de fondo ???????
En explorer 6 si pongo un recuadro en el ultimo (li) no me lo hace bien....

En cristallab tenemos un poco de filosofia de ul para hacer menus horizontales y verticales.

el ejemplo de cristallab usa el float left para los (li), lo que no consigo por nada del mundo es poner color background al ul y al li, estoy hasta las pelotas. Voy a empezar de cero con un ul-li para ver que demonios pasa:

ver esto

css parrafos

Cuando escribimos párrafos, el margen no se pone a cero por defecto.
Si queremos cambiar la distancia entre parrafos tendremos que cambiar el margen.

margin:0 en los parrafos me ha funcionado en firefox y explorer 6.No deja distancia entre parrafos.

png y gifs en explorer

He intentado métodos para que el explorer me deje ver los png. Algunos javascrips no me han funcionado.

El pngvehavior parece que funciona bien, se trata de lo siguiente:

un archivo blanco.gif, un pngbehabior.htc, en este ultimo hay un codigo java-script que se carga en el css de la imagen:

img {
behavior: url("pngbehavior.htc");
}

Lo he probado y me ha funcionado, el unico problema esta en que

Lo he probado y me ha funcionado. EL unico problema es que en blogger no puedo incluirlo y !cuidado!. si lo incluyes en otro lado, tienes que modificar el pngbehabior.htc para que apunte al blank.gif.


Otro problema es que no lo he probado con los blackground.(no se si funcionara).

Se me ha olvidado comentar que no funciona en explorer si no pones: el width y el eight:



---------------------------------
ahora me entero, que si indexo el color y pongo optimizar para web y lo salvo como gif o png me funciona correctamente en el explorer. (vaya por dios)
tanto como png como gif.
Pero claro creo que solo indexa un numero limitado de colores, para algunas cosas no vale, degradados cro que no los hace bien.

netbios

Debido a la necesidad de poner unos ordenadores con doble red, me veo en la necesidad de ver como demonios funciona lo del netbios.

Pareceser que en sus origenes funcionaba sin tcp/ip, haciendo difusiones o usando netbeui para encontrar los nombres de las máquinas (nombres netbios).

Ahora con xp funciona NETBT que es netbios sobre tcp/ip (en la pestaña wins se habla de eso). Mientras que el servidor DNS nos lleva nombres de maquinas -> ip, el WINS nos lleva nombres-netbios--> ip.

El lmhost que esta en /windows/system32/drivers/etc nos sirve para dar nombres locales.

Duda: ¿Si yo en una máquina en el lmhosts le digo que fulanito es 192.168.1.23 y luego resulta que esta máquina se llama de otra forma ¿que pasa pues??.

En linux no hay problema (creo) con las IP.
¿Y que pasa con los grupos de trabajo y dominios y otras zarangajas.?

Hack css para internet explorer

En varios sitios he visto formas de hacer que esas diferencias entre navegadores no hagan que el css muestre distintos resultados en distintos navegadores.
de aqui he sacado lo siguiente que puede ser util:

body {
background: #fff !important; /* Firefox y los demás */
*background: #000 !important;  /* Sólo IE7 */
*background: #ccc; /* Sólo IE6 */
}

Se basa en explorer 6 y 7 trata como correctos las lineas que empiezan con asteriscos.
El explorer 6 no acepta el "important" y el explorer 7 si.

--------------------------------------------
Para centrar un div se suele emplear junto con width:70%; (el tanto que queramos) margin-left:auto;margin-right:auto;

En explorer no nos olvidemos (al menos en el body es asi, en otros no se) poner text-align:center;
si no hacemos esto en el body, lo tenemos claro . REPITO QUE NO LO HE PROBADO CON OTROS 'div'

css bordes redondeados

En esta dirección he encontrado un generador de bordes redondeados y voy a probarlos y a ver que pasa.

Corner radius in pixels: 30px
Background color: #ffffff
Box color: #cccccc

El primero es el simple :

tenemos como css:

/* CSS Document */
.roundedcornr_box_293533 {
   background: #cccccc;
}
.roundedcornr_top_293533 div {
   background: url(roundedcornr_293533_tl.png) no-repeat top left;
}
.roundedcornr_top_293533 {
   background: url(roundedcornr_293533_tr.png) no-repeat top right;
}
.roundedcornr_bottom_293533 div {
   background: url(roundedcornr_293533_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_293533 {
   background: url(roundedcornr_293533_br.png) no-repeat bottom right;
}

.roundedcornr_top_293533 div, .roundedcornr_top_293533,
.roundedcornr_bottom_293533 div, .roundedcornr_bottom_293533 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_293533 { margin: 0 30px; }

como html:

<div class="roundedcornr_box_293533">
   <div class="roundedcornr_top_293533"><div></div></div>
      <div class="roundedcornr_content_293533">
         Lorem ipsum dolor sit amet, consectetur
      adipisicing elit, sed do eiusmod tempor incididunt
      ut labore et dolore magna aliqua. Ut enim ad minim
      veniam, quis nostrud exercitation ullamco laboris
      nisi ut aliquip ex ea commodo consequat. Duis aute
      irure dolor in reprehenderit in voluptate velit esse
      cillum dolore eu fugiat nulla pariatur. Excepteur
      sint occaecat cupidatat non proident, sunt in culpa
      qui officia deserunt mollit anim id est laborum.
   </div>
   <div class="roundedcornr_bottom_293533"><div></div></div>
</div>

Las imagenes son:
* http://www.roundedcornr.com/roundedcornr_293533_tl.png
* http://www.roundedcornr.com/roundedcornr_293533_tr.png
* http://www.roundedcornr.com/roundedcornr_293533_bl.png
* http://www.roundedcornr.com/roundedcornr_293533_br.png

Vamos a ver como queda:

Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum.

COMENTARIOS:

La linea font-size: 1px; es para mi super misteriosa ????
En explorer 6 se ve mal, se ve un rectangulo a la izquierda y no se ven los bordes de la dcha.
Lo corrigo poniendo width:90% en .roundedcornr_box_293533. Supongo que será cosa de esa maldita historia del maldito explorer 6 con los box.

fecha y hora con javascript

Por ahi (si lo veo lo pongo) he encontrado un codigo para fecha en javascript.
Como no tengo ni idea de javascript, lo pongo aqui y ya esta.

Lo he probado en bloguer y funciona.

<script language="JavaScript">
<!--
monthNames = new Array(12);
monthNames[0] = "Enero";
monthNames[1] = "Febrero";
monthNames[2] = "Marzo";
monthNames[3] = "Abril";
monthNames[4] = "Mayo";
monthNames[5] = "Junio";
monthNames[6] = "Julio";
monthNames[7] = "Agosto";
monthNames[8] = "Septiembre";
monthNames[9] = "Octubre";
monthNames[10] = "Noviembre";
monthNames[11] = "Diciembre";

dayNames = new Array(7);
dayNames[0] = "Domingo";
dayNames[1] = "Lunes";
dayNames[2] = "Martes";
dayNames[3] = "Miércoles";
dayNames[4] = "Jueves";
dayNames[5] = "Viernes";
dayNames[6] = "Sábado";
var now = new Date();
var year = now.getYear();

if (year < 2000) year = year + 1900;

document.write( dayNames[now.getDay()] + " " + now.getDate() + " de " + monthNames[now.getMonth()] + " " +" de " + year);

-->
</script>