Diverse CSS

List-Markers

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

[foo] kan være :
disc     ●
circle   ○
square   ■
decimal  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:	–	`–`	`–`
EM dash:	—	`—`	`—`
Left Double QUOte (open):	“	`“`	`“`
Right Double QUOte (close):	”	`”`	`”`
Left Single QUOte:	‘	`‘`	`‘`
Right Single QUOte:	’	`’`	`’`
Apostrophe:	’	`— " —`	`— " —`
Left-pointing double Angle QUOtation mark:	«	`«`	`«`
Right-pointing double Angle QUOtation mark:	»	`»`	`»`
typografi: « français » og »dansk«		`« français » og »dansk«`
Horiz. ELLIPsis:	…	`…`	`…`
BULLet:	•	`•`	`•`
Disc:	●	`●`
Circle:	○	`○`
Square:	■	`■`
Multiplication:	×	`×`	`×`

Top