CV uppgift 3 (se twitter) CV uppgift 2: Det svåraste med sidan. En liten guide.

Det som var svårast (tog mest tid och har flest parametrar) är topmenyn.

Html koden:
Jag skapade en div som jag lade min ul(lista) i. I li taggen la jag mina länkar. Jag gav allt olika classer och den länken man är inne på fick ett id som jag kallade a_aktiv.

<div id="topmenu">

<ul id="ul_topmenu">

<li class="menu"><a class="a_topmenu" id="a_aktiv" href="index.html">START</a></li>

<li class="menu"><a class="a_topmenu" href="ommig/index.html">OM MIG</a></li>

<li class="menu"><a class="a_topmenu" href="portfolio/index.html">PORTFOLIO</a></li>

<li class="menu"><a class="a_topmenu" href="cv/index.html">CV</a></li>

<li class="menu"><a class="a_topmenu" href="kontakt/index.html">KONTAKT</a></li>

</ul>

</div>

Efter det stylade jag allting med css. Det var ganska mycket parametrar. Taggen display:inline gav menyn på rad istället för på höjd.

Css koden:

#ul_topmenu{padding:0px;margin:0px;padding-top:157px}

li.menu{display:inline;margin:0 53px 0 53px;}

.a_topmenu{text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;color:#CCC;font-size:14px;font-weight:bold;letter-spacing:1px;}

.a_topmenu:hover{color:#3399CC;}
#a_aktiv{color:#009966;}