Enkle HTML tricks

Her vil jeg godt vise nogle nyttige tricks med HTML.

Fjerne Image Toolbar i IE6

I IE6 indførtes , der gør det nemmere at downloade, printe eller emaile de billeder du har på dine sider.

Med egenskaben GALLERYIMG og værdien sat til no i IMG-tagget, kan du fjerne toolbaren fra selve billedet

Du kan også indsætte metatagget <META HTTP-EQUIV="imagetoolbar" CONTENT="no"> mellem headtagsene i dit dokument. Så fjerner du toolbaren på alle billederne.

Læs mere og se eksempler her...

Euro i HTML

Euro tegnet understøttes i dag på de fleste tastaturer. Hvis ikke kan man trykke på tasten AltGr eller Ctrl+Alt og tasten e.

I HTML-koden kan du skrive også skrive €, men hvis du vil overholde W3C's normer skal du enten skrive €, €, € eller €, men nogle skrifttyper kan ikke vise tegnet, så derfor skal du huske at tjekke det.

Som i dette eksempel: € - her har jeg brugt "Arial Narrow" en skrifttype, der egentlig er meget udbredt, men den kan ikke vise eurotegnet.
Mærkeligt nok kan det lade sig gøre i Netscape 7, så det kommer nok i senere versioner af IE og Opera.

Hvis du af en eller anden grund absolut skal bruge "Arial Narrow" i en tekst, kan du sætte eurotegnet ind i nogle span-tags, hvor du kan bruge en mere sikker skrifttype, som vist her: €

<SPAN STYLE="font-family: Arial, sans-serif;">
&euro;</SPAN>

Du kan også læse Sådan skriver du Euro-tegnet €

Euro-tegnet er bare et af mange specialtegn, se en oversigt her: http://www.brenneche.dk/specialtegn/

TITLE attributten
- er lidt upåagtet men meget nyttig. Du kan indsætte den i alle elementer og på den måde tilføre din tekst ekstra information eller vejledning til udfyldelse af formularer.

En titleattribut kan se sådan ud: TITLE="Dette kan være en forklarende tekst" og kan indsættes i et afsnits-tag: <P TITLE="Dette kan være en forklarende tekst">Hold musen her et øjeblik og se hvad der sker.</P>

Hold musen her et øjeblik og se hvad der sker.

Titleattributten bliver især brugt i links , men er også god at bruge i forkortelser og som supplerende vejledninger i formularer. I billeder kan den bruges sammen med ALT-attributten.

Javascriptvisning
Hvis dit site, som mit, er meget afhængigt af Javascript, er det en god idé at bruge <NOSCRIPT> taggen. Inden i den kan du skrive en evt. forklaring til de brugere der af en eller anden grund har slået Javascriptvisning fra (sikkerhedsproblemer i MSIE). Nedenfor ser du et eksempel på hvad jeg har skrevet:

Din browsers Javascript visning er slået fra! Navigationen på dette site er afhængig af Javascript, så jeg vil anbefale at du slår Javascript til eller hvis du bruger en meget gammel browser, får den opdateret

Prøv at slå Javascript fra i din browser, så vil teksten ovenfor skifte.

I MSIE slår du Javascript fra ved at:

1. trykke på "Funktioner" oppe i Menulinjen
2. gå til Menupunktet "Internetindstillinger...", så kommer der en dialogboks og her skal du
3. vælge fanebladet "Sikkerhed"
4. i vinduet "Vælg en zone til ..." skal du markere "Internet", hvis det ikke allerede er markeret.
5. og trykke på knappen "Brugerdefineret niveau..."
6. så får du et vindue med en masse muligheder, her skal du rulle ned til de nederste punkter under "Script"
7. og deaktivere "Active-scripting" og "Tillad indsættelse via script"
8. en advarselsboks spørger dig om du vil ændre sikkerhedsindstillingerne for denne zone, det skal du svare ja til
9. Tilsidst skal du trykke "OK" i begge dialogbokse

For at se virkningen skal du huske at opdatere din browser (F5).

Den aktuelle kode ser således ud:

<noscript>
<table border="0" cellspacing="0" cellpadding="8" bgcolor="#FFFF00">
<tr><td valign="top">
<b><font color="#FF0000" size="+2">
Din browsers Javascript visning er slået fra!</font></b>
Navigationen på dette site er afhængig af Javascript,
så jeg vil anbefale at du  slår Javascript til
eller hvis du bruger en meget gammel browser,
får den opdateret</td></tr></table><p>
</noscript>

Tilbage til "Hjemmesider for begynderen"

op