Diverse CSS

List-Markers

 [u,o]l { list-style-type: [foo]; }

[foo] kan være :
disccirclesquaredecimal  tal
lower-roman  små romertal (i, ii, iii, iv)
upper-roman  store romertal (I, II, III, IV)
lower-alpha  små bogstaver (a, b, c, d)
upper-alpha  store bogstaver (A, B, C, D)
none  ingen punkttegn

Eksempler: ol { list-style-type: lower-alpha; }
           ul { list-style-type: none; }

Preformateret tekst med Word Wrap

OBS! Validerer ikke (men er harmløs!).
Bruger CSS3- og browser-specifik ikke-standard kode...

pre, code, tt {
   white-space: pre-wrap;       /* css-3, Opera 8 ... */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 ... */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
   _white-space: pre;           /* IE only hack to re-specify in addition to word-wrap  */
 }

 Efter Scott Mitchell: http://scottonwriting.net/sowblog/posts/2272.aspx

Diverse HTML

anchor

den “gamle” metode:

<h4><a name="foo">Overskrift</a></h4>
...
<a href="#foo">link til "Overskrift"</a>

eller bedre (bruger ‘id’ på eksisterende elementer):

<h4 id="foo">Overskrift</h4>
...
<a href="#foo">link til "Overskrift"</a>

object

<object data="map.svg" type="image/svg">
  Map of Copenhagen
</object>

JavaScript

Tilbage til forrige side

Med fallback til "foo" (hvis JS er slået fra):

<a href="foo" onclick="history.back();return false;"> ... </a>

Åbn i nyt vindue

Med fallback til "foo" (hvis JS er slået fra):

<a href="foo" onclick="return !window.open(this.href);"> ... </a>

Hide Email Address 1

<head>
<script language="JavaScript" type="text/javascript"> <!--
    function epost(mig, hus, gade) {
 document.write('<a href="mailto:' + mig + '@' + hus + '.' + gade + '"> e-mail <\/a>');
}
 // --> </script>
</head>

<body>
<script type="text/javascript">epost('jens','jensen','com');</script>
</body>

Hide Email Address 2


...
</head>
<body>

<script type="text/javascript">
var _u   = "someone";
var _d = "somewhere.com";
var _l   = _u + "@" + _d;
var _m = "Click Here to E-mail Me";
document.write("<a href='mailto:"+_l+"'>"+_m+"</a>");
</script>
</body>

HUSK...

escape: <\/a> 
kommentar: <script type="text/javascript"> <!-- myScript; // --> </script>

Specielle tegn

EN dash: &#8211; &ndash;
EM dash: &#8212; &mdash;
Left Double QUOte (open): &#8220; &ldquo;
Right Double QUOte (close): &#8221; &rdquo;
Left Single QUOte: &#8216; &lsquo;
Right Single QUOte: &#8217; &rsquo;
Apostrophe: — " — — " —
Left-pointing double Angle
QUOtation mark:
« &#171; &laquo;
Right-pointing double Angle
QUOtation mark:
» &#187; &raquo;
typografi: « français » og »dansk« «&nbsp;français&nbsp;» og »dansk«
Horiz. ELLIPsis: &#8230; &hellip;
BULLet: &#8226; &bull;
Disc: &#9679;
Circle: &#9675;
Square: &#9632;
Multiplication: × &#215; &times;

Top