A l'Institut Joan Brudieu hem volgut fer proves substitutòries del Picasa a partir de la idea anunciada en aquest fil de conversa.
Hem creat una icona de capçalera amb el nom de Fotos que ens dirigeix a una pàgina on anirem penjant el títol de l'àlbum amb l'enllaç compartit cap a Google Fotos. Alhora hi afegim una miniatura d'una fotografia, a la manera de Picasa. Creem la nostra pròpia galeria de fotos!!
El
problema és que primer ho hem fet a manera de taula, però aquesta no es
redimensiona adequadament segons la grandària de l'aparell (tablet,
mòbil, etc) ni de la pantalla de l'ordinador (més petita o més gran).
Deixa part de la galeria fora de la vista ni deixa navegar correctament.
Els
informàtics de l'institut ens han comentat que una forma adequada per
crear la galeria de fotos és utilitzant capes flotants (<div
style="float:left">).
Però
per agilitzar l'escriptura del codi interessa més definir classes dins
d'una etiqueta style (html5 ho permet dins de l'etiqueta body) però ens
trobem que quan passem del mode text a mode visual el plugin elimina
aquestes línies de codi i, per tant, elimina l'estil que nosaltres hem
creat per a la nostra pàgina.
Hi ha alguna forma d'evitar-ho? (és a dir, sense haver d'escriure cada vegada l'estil a cada etiqueta) (galeria de fotos de l'institut Joan Brudieu)
Moltes gràcies per l'ajuda
Xavier Falcó