HTTP Web-Sniffer 1.0.36 by Lingo4you - Sprachen Online Lernen HTTP Web-Sniffer 1.0.36 by Lingo4you - Sprachen Online Lernen
Connect to 130.242.128.19 on port 80 ... ok GET /klienttekniker/css/index.php HTTP/1.1[CRLF] Host: internet.physto.se[CRLF] Connection: close[CRLF] Accept-Encoding: gzip[CRLF] Accept-Charset: ISO-8859-1,UTF-8;q=0.7,*;q=0.7[CRLF] Cache-Control: no[CRLF] Accept-Language: de,en;q=0.7,en-us;q=0.3[CRLF] Referer: http://web-sniffer.net/[CRLF] [CRLF]
| Name | Value | Delim |
|---|---|---|
| Status: HTTP/1.1 200 OK | ||
| Date: | Thu, 02 Sep 2010 14:46:36 GMT | |
| Server: | Apache/2.2.8 (Unix) mod_ssl/2.2.8 OpenSSL/0.9.8g mod_python/3.3.1 Python/2.4.5 DAV/2 PHP/5.2.5 | |
| X-Powered-By: | PHP/5.2.5 | |
| Set-Cookie: | CSSpreferens=k6oplfm6aecv12enu5hjimr9g3; path=/ | |
| Connection: | close | |
| Transfer-Encoding: | chunked | |
| Content-Type: | text/html | |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="sv"> <head> <!-- mime-typ och character set, html/xhtml --> <meta http-equiv='content-type' content='text/html; charset=utf-8'> <!-- dokumenttitel --> <title>Fysikums webb- och mediakurser - CSS</title> <!-- kontroll av sökrobotar --> <meta name='robots' content='index,follow'> <!-- mime-typer för stilmallar och javascript --> <meta http-equiv='content-style-type' content='text/css'> <meta http-equiv='content-script-type' content='text/javascript'> <!-- chache-kontroll --> <meta http-equiv='pragma' content='no-cache'> <meta http-equiv='cache-control' content='no-cache, must-revalidate'> <meta http-equiv='expires' content='0'> <!-- kontaktinformation --> <meta name='author' content='Hans Mühlen, Fysikum, Stockholms universitet'> <meta name='contact_addr' content='hans pkt muhlen snabela physto pkt se'> <meta name='copyright' content='Copyright (c) 1995-2010 Hans Mühlen'> <!-- skapelse- och revisionsdatum --> <meta name='date-revision-yyyymmdd' content='20070430'> <!-- förhindra internet explorer att lägga nedladdningsikoner över bilder --> <meta http-equiv='imagetoolbar' content='no'> <!-- adressikon --> <link rel='shortcut icon' href='../../pic/favicon16x16.png'> <!-- sidreferenser --> <link rel='alternate' media='print' href='/klienttekniker/css/index.php?p=1'> <!-- hjälp till sökrobotar --> <meta name='keywords' content='fysikum, stockholms universitet, albanova, nät, nätverk, digitala media, media, web, webb, webpublicering, webbpublicering, kurs, datorkurs, programmering, webbprogrammering, webprogrammering, webb- och databasprogrammering, databasprogrammering, informationsteknik, grafisk design, koda, handkoda, publicera, hemsida, webbsida, webbutveckling, databas, databaser, html, php, sql, css, stilmall, stilmallar, http, relationsdatabas, apache, php-tolk, mysql, dreamweaver, photoshop, flash, klient, server, tabell, länk, formulär, internet, filer, filhantering, grafik, '> <meta name='description' content='Fysikums webb- och mediakurser.'> <!-- stilmallar --> <!--[if !IE]>--> <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-stilval.css'> <!--<![endif]--> <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-fontfamily-trebuchet.css'> <!--[if !IE]>--> <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-selectstyle-plain.css' title='Stilmall "plain"'> <!--<![endif]--> <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-colors.css'> <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-gemensamt.css'> <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-fontsize-print.css'> <link type='text/css' rel='stylesheet' media='print' href='../../_css/css-fontfamily-verdana.css'> <link type='text/css' rel='stylesheet' media='print' href='../../_css/css-selectstyle-print.css'> <!--[if IE]><link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-selectstyle-msie.css'><![endif]--> <!-- javascript --> <script type='text/javascript' src='../../_js/js-mmreloadpage.js'></script> <script type='text/javascript' src='../../_js/js-framekiller.js'></script> <script type='text/javascript' src='../../_js/js-jump.js'></script> <script type='text/javascript' src='../../_js/js-favelets.js'></script> <script type='text/javascript' src='../../_js/js-viewport.js'></script> <!-- google analytics --> <script type='text/javascript'> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type='text/javascript'> var pageTracker = _gat._getTracker("UA-3966006-1"); pageTracker._initData(); pageTracker._trackPageview(); </script> </head> <body> <div id='block-container'> <div id='skiptocontent' class='flik'><p><a href='#pagecontent'>Gå direkt till innehållet</a></p></div> <div id='block-banner' class='artikel wp'> <h1><a href='../../'>FYSIKUMS WEBB- OCH MEDIAKURSER</a></h1> </div> <!-- block-banner --> <div id='block-navigation'> <p class='hidden'>Sökväg för denna sida inom webbplatsen:</p> <ul id='crumb'> <li class='root'> <span><a href='../../index.php'>hem</a></span> <div> <p><a href='../../kursinfo/digitalamedia/index.php'><strong>WEBBDESIGN OCH DIGITALA MEDIA</strong></a></p> <p><a href='../../kursinfo/webbprogrammering/index.php'><strong>WEBB- OCH DATABASPROGRAMMERING</strong></a></p> <p><a href='../../serverprogram/index.php'><strong>Program på serversidan</strong></a></p> <p><a href='../../utvecklingsprogram/index.php'><strong>Program på utvecklingsdatorn</strong></a></p> <p><a href='../../media/index.php'><strong>Digitala media</strong></a></p> <p><a href='../../externa_enheter/index.php'><strong>Arbeta med externa enheter</strong></a></p> <p><a href='../../filhantering/index.php'><strong>Filhantering</strong></a></p> <p><a href='../../internet/index.php'><strong>Om internet</strong></a></p> <p><a href='../../webbplatser/index.php'><strong>Skapa webbplatser</strong></a></p> <p><a href='../../webbapplikationer/index.php'><strong>Webbapplikationer</strong></a></p> <p><a href='../../servertekniker/index.php'><strong>Tekniker på serversidan</strong></a></p> <p><a href='../../klienttekniker/index.php'><strong>Tekniker på klientsidan</strong></a></p> <p><a href='../../webbsidor/index.php'><strong>Komponenter i webbsidor</strong></a></p> <p><a href='../../oh/index.php'><strong>Föreläsningsanteckningar</strong></a></p> <p><a href='../../resurser/index.php'><strong>Resurser</strong></a></p> <p><a href='../../kursinfo/index.php'><strong>Kursinformation</strong></a></p> </div> </li> <li class='grupp'> <span><a href='../../klienttekniker/index.php'>klientsidestekniker</a></span> <div> <p><a href='../../klienttekniker/dom/index.php'><strong>dom</strong></a></p> <p><a href='../../klienttekniker/html/index.php'><strong>html</strong></a></p> <p><a href='../../klienttekniker/javascript/index.php'><strong>javascript</strong></a></p> <p><a href='../../klienttekniker/sgml_xml/index.php'><strong>sgml/xml</strong></a></p> <p><a href='../../klienttekniker/css/index.php'><strong>stilmallar/css</strong></a></p> </div> </li> <li class='artikel'> <span>stilmallar/css</span> <div> <p><a href='../../klienttekniker/css/bakgrund/index.php'><strong>bakgrund</strong></a></p> <p><a href='../../klienttekniker/css/inledning/index.php'><strong>inledande exempel</strong></a></p> <p><a href='../../klienttekniker/css/koppla/index.php'><strong>koppla stilregler</strong></a></p> <p><a href='../../klienttekniker/css/lasmer/index.php'><strong>läs mer</strong></a></p> </div> </li> </ul> </div> <!-- block-navigation --> <div id='block-main'> <hr class='hidden'> <div id='pagehead'> <div id='headline'> <h3 class='artikel'>STILMALLSSTANDARDEN CSS</h3> <p>URL: <a href='../..' class='underline'>internet.physto.se</a></p> </div> <!-- headline --> <div id='menu'> <p>I denna artikel:</p> <div class='menu-vansterspalt'> <p>1. <strong><a href='inledning/index.php'>CSS - några inledande exempel</a></strong></p> <p>2. <strong><a href='bakgrund/index.php'>CSS - en bakgrund</a></strong></p> <p>3. <strong><a href='koppla/index.php'>Koppla stilregler till HTML-dokument</a></strong></p> <p>4. <strong><a href='lasmer/index.php'>Läs mer om stilmallar</a></strong></p> </div> <div class='menu-hogerspalt'> <p></p> </div> <div class='ruta-avsluta-spalter'></div> </div> <!-- menu --> <div id='preamble'> <p>Stilmallskoden i exemplena i detta kapitel följer standarden "<strong>Cascading Style Sheets, Level 2.1</strong>".</p> </div> <!-- preamble --> </div> <!-- pagehead --> <hr class='hidden'> <div id='pagecontent'> <div class='artikel'> <!-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Webbsidor med stil</h4> <p>Varje webbsideförfattare är naturligtvis mån om att göra en så snygg och tilltalande sida som möjligt, både visuellt och innehållsmässigt. Tyvärr ger HTML, det sidbeskrivningsspråk som bygger upp webbsidor, författaren inte samma möjligheter att göra snygg layout och design som t.ex ordbehandlingsprogram och ombrytningsprogram. Det finns visserligen en del stöd för visuell formatering i HTML (t.ex HTML-elementet <code><font></code> eller HTML-parametrarna <code>bgcolor</code> och <code>align</code>) men dessa finns ofta i flera varianter som fungerar olika i olika webbläsare.</p> <p>För att ge HTML-knypplare lite bättre kontroll över sina webbsidors utseende publicerade W3-konsortiet, webbens standardiseringsorganistation, i slutet av 1996 en ny standard, <b>Cascading Style Sheets, level 1</b>, förkortat <strong>CSS 1</strong>, som skulle fungera som komplement till HTML. I enlighet med CSS-standarden kan man kompettera HTML-koden för ett webbdokument med s.k. <i>stilmallar</i> (eng. <i>style sheets</i>) som innehåller formateringsregler för webbsidan. Tanken är alltså att <b>HTML ska ge webbsidorna deras logiska struktur</b> (t.ex ange vad som ska vara rubrik, vad som är stycken med löpande text eller länkar, var bilder ska placeras, o.s.v), <b>medan stilmallar bestämmer sidans utseende</b> (t.ex färgen på sidans bakgrund, typsnittet i rubriker, bredden på sidans marginaler o.s.v).</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Fula knep med ostandardiserad HTML</h4> <p>Ett exempel: HTML ger inte några enkla sätt att bestämma en webbsidas vänster- och högermarginaler. Normalt går löpande text ända ut till kanten på webbläsarfönstret, vilket ser fult ut och ger alltför långa rader. <b>Fiffiga webbknypplare har under åren utvecklat diverse fula HTML-trick</b> att fuska sig till marginaler, t.ex ett oortodoxt användande av tabeller, osynliga pixlar och listor.</p> <p>Så här kan det se ut, om man inte är så nogräknad med tillämpningen av HTML. Handen på hjärtat - har du någon gång använt något av dessa knep för att ändra vänstermagrinalen på dina webbsidor?</p> <p class='filinnehall'><i>Fult marginalknep med tabeller:</i></p> <div class='ruta kodfragment'> <body> <br> <strong><table><tr> <br> <td width="15"><br></td> <br> <td></strong> <i>text i sidan</i> <strong></td> <br> </tr></table></strong> <br></body> </div> <!-- ruta --> <p class='filinnehall'><i>Fult marginalknep med osynlig pixel:</i></p> <div class='ruta kodfragment'> <body> <br> <strong><img src="pixel.gif" align="left" width="15" height="1000"></strong> <br> <i>text i sidan</i> <br><strong> <br clear="all"></strong> <br></body> </div> <!-- ruta --> <p class='filinnehall'><i>Fult marginalknep med definitionslista:</i></p> <div class='ruta kodfragment'> <body> <br> <strong><dl> <br> <dd></strong> <i>text i sidan</i> <strong></dd> <br> </dl></strong> <br></body> </div> <!-- ruta --> <p>Somliga av dessa trick utnyttjar tolkningar av HTML-koden som är specifika för vissa webbläsare, men inte andra. T.ex är det konvention bland de stora grafiska webbläsarna att indentera element i en definitionslista märkta med elementet <code><dd></code> en bit in från vänstermarginalen, och detta kan utnyttjas för att indentera hela sidans text. Men det står inget om indentering i HTML-specifikationen, så man kan mycket väl tänka sig webbläsare som renderar definitionslistor helt annorlunda, med mycket märkliga resultat i sidans utseende. Andra knep fungerar bra i grafiska webbläsare, men ger bara nonsens när sidan ses i textorienterade webläsare eller med talsyntes. <b>Man vet alltså aldrig riktigt vilka oönskade sidoeffekter de trixiga HTML-knepen kan ge</b>.</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Stilmallar ersätter oortodox HTML-formatering</h4> <p><b>Med stilmallar blir det däremot enkelt</b>, och dessutom formellt korrekt i alla sammanhang och webbläsare att i detalj styra webbsidans utseende. Stilmallsstandarden CSS tillåter en <i>stilregel</i> som definierar 2 cm breda vänstermarignaler, och som ser ut så här (mer om hur man skriver stilregler i ett senare avsnitt):</p> <p class='ruta kodrad'> <B>margin-left: 2cm</b></p> <p>Vi kan nu stoppa in denna stilregel i HTML-elementet <code><body></code>, som ju omfattar hela den synliga webbsidan, så här:</p> <p class='filinnehall'><i>Rekommenderat sätt att skapa marginaler:</i></p> <div class='ruta kodfragment'> <body <b>style="margin-left:2cm"</b>> <br> <i>all text i sidan läggs här, som vanligt</i> <br></body> </div> <!-- ruta --> <p>och vips! visar webbläsaren sidan med marginaler. Utan att vi behöver ta till fula knep. På liknande sätt kan vi med lämplig stilregler styra utseendet av t.ex rubriker, stycken, länkar, bakgrunder, och andra element i en webbsida. Så <b>använd alltid stilmallar när du ska bestämma hur webbsidan ska se ut när den ses i en webbläsare</b>.</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Vems stilmallar?</h4> <p>Men hallå - webbsidor ser ju faktiskt alltid ut på något sätt när man tittar på dem, också utan stilmallar! Jo, men <b>i vanliga fall är det <i>användarens webbläsare</i> som bestämmer hur olika HTML-element ska visas</b>, t.ex att sidmarginaler ska vara noll, att rubriker ska visas med fet stil och följas av en blankrad, och att sidans bakgrundsfärg ska vara vit (eller grå, som den oftast var i webbens barndom). <b><i>Användaren</i> kan modifiera webbläsarens standardinställningar</b> i viss mån<!-- (i inställningarna; se menyvalet <span class='smallsans'>Edit:Preferences</span> i Netscape Navigator, <span class='smallsans'>Verktyg:Internet-alternativ</span> i Internet Explorer)-->, t.ex brödtexttypsnittet och länkars färg. <b>Med stilmallar kan nu också <i>webbsideförfattaren</i> påverka webbsidans utseende</b>. CSS-standarden föreskriver t.o.m att författarens stilmallar har företräde framför webbläsarens standardinställningar eller användarens ändringar.</p> <p>Men hallå igen - den som skriver webbsidan har väl alltid haft något att säga till om vad gäller sidans utseende. Kanske inte just marginaler, men bakgrundsfärgen kan ju t.ex sättas med HTML-elementet <code><body bgcolor='...'></code>, och typsnittet bestäms med <code><font face='...'></code>. Det är visserligen sant, men, som redan antytt tidigare, det finns ett antal <b>goda skäl till att undvika <i>HTML-kod</i> för att påverka sidans utseende, och i stället använda <i>stilmallar</i></b>.</p> <p class='fri'>Innan vi börjar fördjupa oss i <a href='../../klienttekniker/css/bakgrund/index.php' >teorin bakom stilmallar</a> och detaljer i hur de fungerar tänkte jag visa dig <a href='../../klienttekniker/css/inledning/index.php' >några enkla inledande exempel på stilregler</a> som du kan testa i någon webbsida du redan har gjort för att få en känsla för idén bakom CSS.</p> <!-- <p>Låt oss börja med att granska dessa skäl till att använda stilmallar, och andra <A HREF="2-1.php">bakgrunder till stilmallar</a>. Sen fortsätter vi med att titta på <a href="3-1.php">hur stilmallar fungerar</a> i detalj, och hur du sedan <a href="4-1.php">lägger in stilmallskoden i dina webbsidor</a>. <!- -, och då behövs en genomgång av <A HREF="5-1.php">grunderna i stilmallar</A>.- -> Som stöd finns en del <a href="5-1.php">stilmalls-exempel</a> och några praktiska <a href="6-1.php">tips & tricks</a>. Det kan vara bra att veta något om förhållandet mellan <a href="7-1.php">stilmallar och andra webbtekniker</a>, hur du <a href="8-1.php">skapar stilmallar med Dreamweaver</a>, en <a href="9-1.php">referensavdelning</A> och var man kan hitta <a href="10-1.php">lästips om stilmallar</a>. Slutligen finns här en rad <a href="11-1.php">övningar</a> för den som vill förkovra sig.</p> --> </div> <!-- sektion --> <!-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = --> </div> <!-- artikel --> </div> <!-- pagecontent --> <p id='sequor'><a href='inledning/index.php'>FORTSÄTT</a></p> <hr class='hidden'> </div> <!-- block-main --> <div id='block-colophon'> <form method='post' action='#block-container' class='sitequicklinks'> <div> <h3 class='hidden'><label for='select'>SNABBNAVIGERING</label></h3> <select name='select' id='select' onchange='jump(this)'> <option selected='selected'>Gå till...</option> <option class='sitequicklinks-rubrik' value='../../kursinfo/kursmaterial/index.php'>KURSMATERIAL ONLINE</option> <option value='../../serverprogram/index.php'>Program på serversidan</option> <option value='../../utvecklingsprogram/index.php'>Program på utvecklingsdatorn</option> <option value='../../media/index.php'>Digitala media</option> <option value='../../externa_enheter/index.php'>Arbeta med externa enheter</option> <option value='../../filhantering/index.php'>Filhantering</option> <option value='../../internet/index.php'>Om internet</option> <option value='../../webbplatser/index.php'>Skapa webbplatser</option> <option value='../../webbapplikationer/index.php'>Webbapplikationer</option> <option value='../../servertekniker/index.php'>Tekniker på serversidan</option> <option value='../../klienttekniker/index.php'>Tekniker på klientsidan</option> <option value='../../webbsidor/index.php'>Komponenter i webbsidor</option> <option class='sitequicklinks-rubrik' value='../../oh/index.php'>FÖRELÄSNINGSANTECKNINGAR</option> <option class='sitequicklinks-rubrik' value='../../resurser/index.php'>RESURSER</option> <option class='sitequicklinks-rubrik' value='../../kursinfo/index.php'>KURSINFORMATION</option> <option value='../../kursinfo/digitalamedia/index.php'>Webbpublicering och digatala media</option> <option value='../../kursinfo/webbprogrammering/index.php'>Webb- och databasprogrammering</option> <option value='../../kursinfo/inforkursen/index.php'>Inför kursen</option> <option value='../../kursinfo/kursmaterial/index.php'>Kursmaterial online</option> <option value='../../kursinfo/studentkonton/index.php'>Studentkonton</option> </select> </div> </form> <!-- sitequicklinks --> <hr class='hidden'> <div id='favelets'> <h3 class='hidden'>FAVELETS</h3> <dl> <dt>kodvalidering:</dt> <dd><ul> <li><a href='http://validator.w3.org/check?uri=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fcss%2Findex.php&verbose=1'>x/html</a></li> <li><a href='http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fcss%2Findex.php&warning=0&profile=css21&usermedium=all'>css</a></li> </ul></dd> </dl> <dl> <dt>tester:</dt> <dd><ul> <li><a href='http://validator.w3.org/checklink?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fcss%2Findex.php&hide_type=all&depth=&check=Check'>länkar</a></li> <li><a href='http://www.delorie.com/web/ses.cgi?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fcss%2Findex.php'>sökrobot</a></li> <li><a href='http://juicystudio.com/services/readability.php?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fcss%2Findex.php#readresults'>läsbarhet</a></li> <li><a href='javascript:cssCompatibilityMode()'>css-läge</a></li> </ul></dd> </dl> <dl> <dt>HTTP-data:</dt> <dd><ul> <li><a href='javascript:displayCookie()'>cookies</a></li> <li><a href='http://web-sniffer.net?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fcss%2Findex.php&submit=Submit&http=1.1&gzip=yes&type=GET&ua='>get-huvud</a></li> <li><a href='http://web-sniffer.net?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fcss%2Findex.php&submit=Submit&http=1.1&gzip=yes&type=POST&ua='>post-huvud</a></li> </ul></dd> </dl> <dl> <dt>sidstruktur:</dt> <dd><ul> <li><a href='javascript:showDivs()'>div</a></li> <li><a href='javascript:showSpans()'>span</a></li> <li><a href='javascript:elementsInspector()'>element</a></li> <li><a href='/klienttekniker/css/index.php'><åter></a></li> </ul></dd> </dl> <dl> <dt>resurser:</dt> <dd><ul> <li><a href='../../resurser/latin1/index.php'>latin1</a></li> <li><a href='http://www.utf8-chartable.de/unicode-utf8-table.pl?unicodeinhtml=dec&htmlent=1'>utf-8</a></li> <li><a href='../../resurser/216rgb/index.php'>#rgb</a></li> <li><a href='http://www.nada.kth.se/dataterm/'>dataterm</a></li> <li><a href='http://acronyms.thefreedictionary.com/'>förk.</a></li> <li><a href='http://www.quirksmode.org/css/contents.html'>css-kompat.</a></li> </ul></dd> </dl> <ul> <li><script type='text/javascript'>void document.write(innerWindowDimensions());</script></li> </ul> <ul> <li><script type='text/javascript'>void document.write(heightOfPage());</script></li> </ul> </div> <!-- favelets --> <hr class='hidden'> <div id='copyright'> <p>© 1995-2010 <a href='http://www.physto.se/~hvzm/'>Hans Mühlen</a></p> <p>Kontaktadress: hvzm<span class='snabela'> </span>physto.se</p> <p>Kurserna ges av <a href='http://www.physto.se/'>Fysikum</a> vid <a href='http://www.su.se/'>Stockholms universitet</a>.</p> <p><a href='../../cookies/index.php'>Vi använder cookies</a>.</p> </div> <div id='select-style' class='flik'> <dl> <dt class='stilval-rubrik'>välj stilmall:</dt> <dd><ul> <li class='stilval-item'><abbr title='enkel'>U</abbr></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?stilval=meny" title='välj stil: vänsterspalt'>M</a></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?stilval=boxed" title='välj stil: blurb-in-box'>B</a></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?stilval=print" title='välj stil: utskrivbar version'>P</a></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?stilval=text" title='välj stil: ren text'>X</a></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?stilval=nocss" title='välj stil: utan stilmall, webbläsarens defaultstil'>¬</a></li> </ul></dd> </dl> </div> <!-- select-style --> <div id='select-font' class='flik'> <dl> <dt class='stilval-rubrik'>välj typsnitt:</dt> <dd><ul> <li class='stilval-item'><abbr title='trebuchet (sansserif)'>r</abbr></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?fontval=verdana" title='välj typsnitt: verdana (sansserif)'><em>v</em></a></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?fontval=tahoma" title='välj typsnitt: tahoma (sansserif)'><em>a</em></a></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?fontval=impact" title='välj typsnitt: impact (sansserif)'><em>i</em></a></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?fontval=georgia" title='välj typsnitt: georgia (serif)'><em>g</em></a></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?fontval=times" title='välj typsnitt: times (serif)'><em>t</em></a></li> <li class='stilval-item'><a href="/klienttekniker/css/index.php?fontval=courier" title='välj typsnitt: courier (monospace)'><em>c</em></a></li> </ul></dd> </dl> </div> <!-- select-font --> <p id='updated'>Senast uppdaterad 30 april 2007</p> <hr class='hidden'> <div class='hidden'> <div class='vcard'> <span class='fn'>Hans Mühlen</span> <div class='org'> <span class='organization-name'>Stockholms universitet</span> <span class='organization-unit'>Fysikum</span> </div> <div class='adr'> <span class='type'>postal</span> <span class='type'>work</span> <span class='street-address'>Roslagstullsbacken 21</span> <br><span class='postal-code'>106 91</span> <span class='locality'>Stockholm</span>, <span class='country-name'>Sverige</span> </div> <div class='tel'>Tel: <span class='type'>work</span> <span class='value'>+46 8 5537 8423</span> </div> <div class='tel'>Fax: <span class='type'>fax</span> <span class='type'>work</span> <span class='value'>+46 8 5537 8601</span> </div> <div class='email'>E-post: <span class='type'>work</span> <span class='value'>hvzm<span class='snabela'> </span>physto.se</span> </div> Hemsida: <span class='url'><a href='http://www.physto.se/~hvzm/'>www.physto.se/~hvzm</a></span> </div> </div> <div class='hidden'> <div class='vcard'> <div class='org fn'> <span class='organization-name'>Stockholms universitet</span> <span class='organization-unit'>Fysikum</span> </div> <div class='adr'> <span class='type'>postal</span> <span class='type'>work</span> <span class='street-address'>Roslagstullsbacken 21</span> <br><span class='postal-code'>106 91</span> <span class='locality'>Stockholm</span>, <span class='country-name'>Sverige</span> </div> <div class='adr'> <span class='type'>parcel</span> <span class='type'>work</span> <span class='street-address'>Roslagsvägen 30 B</span> <br><span class='postal-code'>104 06</span> <span class='locality'>Stockholm</span>, <span class='country-name'>Sverige</span> </div> <div class='tel'>Tel: <span class='type'>work</span> <span class='value'>+46 8 5537 8444</span> </div> <div class='tel'>Fax: <span class='type'>fax</span> <span class='type'>work</span> <span class='value'>+46 8 5537 8601</span> </div> Hemsida: <span class='url'><a href='http://www.physto.se/'>www.physto.se</a></span> </div> </div> <div class='ruta-avsluta-spalter'></div> </div> <!-- block-colophon --> <div id='block-direction'> <div id='orientering-oversikt' class='flik'> <p>[<a href='../../kursinfo/kursmaterial/index.php'>översikt</a>]</p> </div> <!-- orientering-oversikt --> <div id='orientering-utskrivbar' class='flik'> <p>[<a href='/klienttekniker/css/index.php?p=1'>utskrivbar</a>]</p> </div> <!-- orientering-utskrivbar --> </div> <!-- block-direction --> <div id='block-appendix'> <div id='appendix-dropshadow'></div> <div id='appendix-pageextension'></div> </div> <!-- block-appendix --> </div> <!-- block-container --> </body> </html>