html

Oggi mi è capitato di scontrarmi con un problema di HTML: all’interno di una lista LI ho un link che racchiude un’immagine e un testo in questo modo:

• 
  Testo

In questo modo, quando il mouse passa sull’immagine o sul link, anche l’immagine risulta sottolineata!
Come fare a risolvere il problema, se voglio che l’immagine non risulti MAI sottolineata, ma il testo sì anche quando passo sull’immagine?

• Testo

Semplice: basta inserire una regola CSS sull’immagine:

border: 0; display: block;

E il gioco è fatto!!!

In un sito dove javascript è utilizzato massicciamente, c’è un modo per effettuare un redirect a una pagina di errore nel caso in cui l’utente non abbia javascript abilitato o il browser non lo supporti?

Ecco qui un metodo di facile implementazione: inserire tra i tag HEAD della pagina il tag “meta refresh” all’interno dell’istruzione noscript

ES:

<noscript>
<meta http-equiv="refresh" content="N;url=URL" />
</noscript>

Purtroppo il tag meta refresh è dichiarato DEPRECATED dal W3C, poichè può generare “confusione” nell’utente…
Alcuni motori di ricerca invece potrebbero considerare l’utilizzo di questo meta tag come SPAM! Rimando a una discussione su seomarketingnews che tratta l’argomento in maniera approfondita

E Google, come si esprime? Vede anche lui l’utilizzo del tag meta refresh come SPAM o come tentativo di cloaking?
Ho aperto questa discussione sull’argomento su Google Gruppi… attendiamo risposte!

Conoscere l’header di una pagina web può essere utile nel caso in cui si voglia verificare ad esempio la risposta del server per una pagina non trovata.

Per fare questo ci sono alcuni tools sul web (ad esempio web-sniffer.net), ma si può utilizzare anche la linea di comando (su sistemi linux, utilizzare ad esempio wget -S ) oppure qualche plugin per Firefox, come
Live HTTP Headers

Se avessimo un testo già formattato in qualche modo e lo volessimo scrivere così com’è all’interno del codice HTML, come potremmo fare?

Nulla di più semplice… c’è un tag apposito! <PRE>

Ad esempio, se abbiamo una frase che ha già dei ritorni a capo, come mantenere il layout senza dover scrivere i BR?
Così:

<pre>
frase 1
frase 2
frase 3
</pre>

Con Internet Explorer capita spesso di imbattersi in una pagina contenente un filmato FLASH che necessita di attivazione prima di poter essere usato. Solitamente si legge così:

“Fare clic per attivare e utilizzare il controllo”

Ebbene, ecco un articolo davvero interessante su flash.html.it che spiega il perchè esiste questo problema e come risolverlo:

Leggi qui

Ecco un TAG html utilissimo per aprire i link di un iframe nel documento padre:
<BASE TARGET="_parent">

Va inserito all’interno del tag HEAD della stessa pagina dove è dichiarato l’iframe.
E’ utilissimo!!!

Qui trovate più informazioni sui frame:
www.allwebfree.it
www.spai.ti.ch

Internet Explorer 7 e Firefox non hanno problemi con le *.png trasparenti… invece Explorer 6 sì!
Come risolvere il problema e forzare la trasparenza su IE6 ?

Aggiungendo alcune righe di codice CSS…

<img class="fixMe" src="MIA_IMMAGINE.png" alt="" title=""/>
<!–[if lte IE 6]>
<style type="text/css">
.fixMe {
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (enabled=’true’, src=’MIA_IMMAGINE.png’);
}
</style>
<![endif]–>

ed è tutto…

Con javascript e gli styles bisogna per forza distinguere tra IE e Mozilla per poter nascondere una riga di una tabella!
Infatti IE non supporta l’attributo display:table-row…

Ad esempio, se ho una tabella definita in questo modo:

<table>
<tr id="tr1"><td></td></tr>
<tr id="tr2"><td></td></tr>
</table>

E voglio nascondere la riga con id=”tr2″ tramite javascript, devo scrivere una funzione simile a questa:

function showcolor(t) {
var colore = document.getElementById('tr2');
var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;

if(t=='tab') {
colore.style.display = (IE)?'block':'table-row';
} else {
colore.style.display = 'none';
}
}