Hi
I have created a dropdown menu with sub menus which are linked to named anchors. The problem is when click on the link the destination link ends up underneath the header. I do not know If I can put some padding on the actial name attribute?
Thankful for all help
[COLOR=Red]HERE IS THE HTML CODE:[/COLOR]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“XHTML namespace”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8” />
<title>Tjänster Acorno</title>
<link rel=“stylesheet” type=“text/css” href=“css2.css” />
<body>
<!-- HEADER !–>
<div id=“header_wrap”>
<div id=“header_black”>
</div>
<div id="header_menubar_wrapper">
<div id="menu">
<div id="header_menubtn">
<ul id="item1">
<li class="top"><a href="#">OM ACORNO</a></li>
</ul>
</div>
<div id="header_menubtn">
<ul id="item2">
<li class="top"><a href="nyheter.html">NYHETER</a></li>
</ul>
</div>
<div id="header_menubtn">
<ul id="item2">
<li class="top"><a href="tjanster.html">TJÄNSTER</a></li>
<li class="item"><a href="tjanster.html#">Informationssäkerhet</a></li>
<li class="item" style="line-height:10px"><a href="tjanster.html#utb">Utbildning och Mentorskap</a></li>
<li class="item" style="line-height:10px"><a href="tjanster.html#efterlev">Efterlevnad och Compliance </a></li>
<li class="item"><a href="tjanster.html#Riskhantering">Riskhantering</a></li>
<li class="item"><a href="tjanster.html#sakerhet">IT säkerhet</a></li>
<li class="item"><a href="tjanster.html#Kontunitetsplanering">Kontuniutetsplanering</a></li>
</ul>
</div>
<div id="header_menubtn">
<ul id="item2">
<li class="top"><a href="kunder.html">KUNDER</a></li>
<li class="item"><a href="kunder.html#vara_kunder">Våra kunder</a></li>
<li class="item"><a href="kunder.html#genomsnittskunden">Genomsnittskunden</a></li>
<li class="item"><a href="kunder.html#kunderfarenhet">Kunderfarenhet</a></li>
<li class="item"><a href="kunder.html#kunder">Kunder</a></li>
</ul>
</div>
<div id="header_menubtn">
<ul id="item2">
<li class="top"><a href="kontakt.html">KONTAKT</a></li>
</ul>
</div>
<div id="header_menubtn">
<ul id="item2">
<li class="top"><a href="karriar.html">KÄRRIAR</a></li>
</ul>
</div>
</div>
</div>
<div id="logo_holder">
<div id="logo">
<img src="img/logo2.gif" alt="logo" width="90" height="36"/>
</div>
</div>
</div>
<div class="clear">
</div>
<div id="space-top">
</div>
<!-- FLASH PLACEHOLDER!–>
<div id=“flash_wrap”>
<div id=“flash_holder”></div>
</div>
<!-- COPY !–>
<div id=“copy_wrap”>
<div id=“copy_holder”>
<!-- 1st PARAGRAPH!–>
<div id="copy_headline_left"> <h4>INFORMATIONSÄKERHET</h4>
<a name="informationssakerhet" id="informationssakerhet"></a></div>
<div class="clear">
</div>
<div id="copy_column_left">
<p>Trenden idag går mot att säkerhetsåtgärder och säkerhetsfunktioner inte betraktas som fristående delar, utan som naturliga inslag i företagets verksamhetsprocesser.<br />
På samma sätt som företag i många år arbetat med olika ISO-standarder för t.ex. kvalitet och miljö, blir det idag allt vanligare att även arbeta med informationssäkerhet.
<br />
<br />
Acorno har stor erfarenhet av att hjälpa företag och myndigheter att anpassa eller utveckla sina säkerhetsregelverk enligt LIS-standarden, ISO 27001.</p>
<br />
</div>
<div id="copy_column_right">
<p>Informationsklassning är en av förutsättningarna för att kunna styra hanteringen av information i en organisation. Att införa en klassning av information i en verksamhet ger en ökad medvetenhet för säkerhetsfrågor hos medarbetarna i verksamheten.</p>
<p>En incident är en för verksamheten oönskad händelse som har, eller kan ha, negativ påverkan på organisationens image, affärsrelationer eller fortsatta verksamhet.<br />
<br />
Acorno erbjuder specialistkunskap och kvalificerad kompetens inom incidentutredning och incidenthantering till företag och myndigheter med höga krav på sekretess.</p>
</div>
<div class="clear">
</div>
<div class="copyline_grey">
</div>
<!-- 2nd PARAGRAPH!-->
<div id="copy_headline_left"> <h4>RISKHANTERING</h4>
<a name="riskhantering" id="riskhantering"></a></div>
<div id="copy_headline_right"> <h4>UTBILDNING OCH MENTORSKAP</h4>
<a name="utb" id="utb"></a></div>
<div class="clear">
</div>
<div id="copy_column_left">
<p>Riskhantering är helt enkelt hantering av risker. Att upptäcka, värdera, hantera och eliminera risker är ett viktigt arbete.<br />
<br />
Acorno har stor erfarenhet av att arbeta med riskhantering.
Processerna omfattar allt från sårbarhetsanalyser till granskningar av dokumentation, administrativa regler och rutiner i affärsverksamhet, stödsystem och hos personal.</p>
</div>
<div id="copy_column_right">
<p>Att ansvara för ett företags eller en myndighets informationssäkerhet är ett mångfacetterat uppdrag. Inte sällan ställs man som ansvarig för nya frågeställningar och viktiga beslut. Vi stöder personen vi coachar på ett individuellt anpassat sätt som vi utformar tillsammans.<br />
<br />
Acorno genomför även företagsunika utbildningar med syfte att öka medarbetarnas säkerhetsmedvetande. </p>
</div>
<div class="clear">
</div>
<div class="copyline_grey">
</div>
<!-- 3RD PARAGRAPH!-->
<div id="copy_headline_left"> <h4>IT-SÄKERHET</h4>
<a name="sakerhet" id="sakerhet"></a></div>
<div id="copy_headline_right"> <h4>EFTERLEVNAD - COMPLIANCE</h4>
<a name="efterlev" id="efterlev"></a></div>
<div class="clear">
</div>
<div id="copy_column_left">
<p>Vi hjälper till med såväl kravställning och utvärdering som utformning och integrering av säkerhetsfunktioner i IT-system. Vi är helt oberoende av leverantörer av IT-lösningar och produkter.<strong> </strong><br />
<br />
Med en organisations verksamhetsprocesser och säkerhetsbehov som grund definierar vi en lämplig IT-säkerhetsarkitektur. <br />
<br />
Acorno kan bistå din verksamhet i införandefasen, oavsett om det avser säkerhetskunniga projektledare, verifiering av säkerhetsegenskaper, utformning eller införande och integration av nödvändig säkerhetsadministration.</p>
<p><br />
</p>
</div>
<div id=“copy_column_right”>
<p>För att kunna utveckla informationssäkerhetsarbetet är det viktigt att regelbundet genomföra internrevisioner för att bedöma organisationens aktuella säkerhetsstatus. De granskningar som vi genomför kan omfatta dokumentation, administrativa regler och rutiner i och kring IT-system. <br />
Efter genomfört arbete är det lättare att prioritera en fortsättning och det bidrar även till ett ökat säkerhetsmedvetande hos personalen.<br />
Revisioner kan göras mot regelverk som är framtagna av organisationen själv eller mot standarder som; SOX, PCI, ISO27001 eller VERVA.<br />
<br />
Arbetet bedrivs oftast i fyra steg:
<ul class="inside">
<li>Avgränsa och definiera analysobjekt</li>
<li>Dokumentgranskning och intervjuer</li>
<li>Analysera</li>
<li>Dra slutsatser, dokumentera och kommunicera resultat</li>
</ul>
</div>
<div class="clear">
</div>
<div class="copyline_grey">
</div>
<!-- 4TH PARAGRAPH!-->
<div id="copy_headline_left"> <h4>KONTINUITETSPLANERING – BCP/DRP</h4>
<a name="Kontunitetsplanering" id="Kontunitetsplanering"></a></div>
<div class="clear">
</div>
<div id="copy_column_left">
<p>I samband med de senaste årens olyckor och driftstörningar har brister och sårbarhet i företagens flödeskedjor uppmärksammats. Detta har i kombination med globalisering, outsourcing och minskat antal leverantörer lett till fler störningar och därigenom ett ökat behov av riskhantering av den värdeskapande flödeskedjan.<br />
<br />
Störningar kan oftast inte alltid påverkas av företagen, men dess konsekvenser kan hanteras med en Business Continuity Plan (BCP) eller för IT-avdelning Disaster Recovery Plan (DRP).<br />
</p>
<br />
</div>
<div id="copy_column_right">
<p>Det grundläggande syftet med BCP/DRP är att förmildra effekten av en oförutsedd händelse. </p>
<p>Acorno använder en BCP-modell utvecklad för svenska förhållanden.</p>
<p>Genom vår BCP-modell får du bland annat hjälp med att:<br/>
<ul class=“inside”>
<li>Identifiera och skapa samsyn kring kritiska leveranser</li>
<li>Målstyra arbetet mot verksamhetskritiska funktioner och identifiera kritiska resurser</li>
<li>Kvalitetssäkra verksamhet och processer</li>
<li>Öka medvetandet hos personalen</li>
<li>Skapa regelverk med tydliggjord organisation och ansvarsområden</li>
<li>Skapa en god hantering av avtal och legala krav</li>
<li>Skapa en pålitlig förvaltningssituation utan nyckelpersonsberoenden</li>
<li>Effektivt hantera avbrott och störningar</li>
<li>Öva framtagna rutiner och planer</li>
</ul>
</p>
</div>
<div class="clear">
</div>
<div class="copyline_grey">
</div>
</div>
</div>
<div id=“space”>
</div>
<!-- FOOTER !–>
<div id=“footer_wrap”>
<div id=“footer_greyline”>
</div>
<div id=“footer_menu_wrap”>
<div id=“footer_menu_center_wrap”>
<div id=“footer_menu_center”>
ACORNO IS A REGISTRATED TRADEMARK ALL RIGHTS RESERVED<br />
<a class=“nav” href=“om.html”>OM ACORNO / </a> <a class=“nav” href=“nyheter.html”>NYHETER /</a><a class=“nav” href=“tjanster.html”> TJÄNSTER /</a> <a class=“nav” href=“kunder.html”> KUNDER / </a> <a class=“nav” href=“kontakt.html”>KONTAKT / </a><a class=“nav” href=“karriar.html”>KÄRRIAR</a>
</div>
</div>
</div>
</div>
</body>
</html>
[COLOR=Red]AND MY CSS:[/COLOR]
@charset “UTF-8”;
/* CSS Document */
body {
margin:0px;
padding:0px;
height:100%;
background-color:#efeff0;
}
* {
margin: 0;
padding: 0;
height:100%;
}
a, a:link, a:visited {
color:#000;
}
a:hover, a:active {
color:#666;
}
a.nav, a.nav:link, a.nav:visited {
text-align:center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:9px; color:#c0bbbb;
}
a.nav:hover {
color:#fff;
}
a.nav:active
{
color:#fff;
}
p {
display:inline;
line-height:14px;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
padding:0;
display:inline;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
display:inline;
}
h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:inline;
}
ul.inside {
list-style-position:inside;
}
#header_wrap {
width:100%;
height:54px;
margin:0;
position:fixed;
/background-color:#306;/
}
#space-top {
height:120px;
}
#header_black {
background-color:#000;
width:100%;
height:10px;
}
#header_menubar_wrapper {
width:100%;
background-image:url(img/header_bg);
background-repeat:repeat-x;
}
/* MENU */
#menu {
width:760px;
margin:0px auto;
z-index:99;
padding-left:20px;
}
/* new */
#menu ul .item{
display:none;
background-color: #f0f8ff;
padding: 5px;
border-left:3px solid #000;
border-right:3px solid #000;
border-bottom: 0.1em solid #696969;
}
#menu ul:hover .item{
height:20px;
display:block;
background:#000;
padding:5px;
margin:0px;
padding-left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
line-height:20px;
}
#menu ul:hover .item a{
color:#c0bbbb;
text-decoration:none;
}
#menu ul:hover .item a:hover{
color:#fff;
}
#menu ul{
height:25px;
width:116px;
float:left;
margin:0px;
margin-top:20px;
/background:#b10000;/
list-style:none;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#c0bbbb;
text-align:center;
}
/-------/
#menu ul .top a{
text-decoration:none;
color:#c0bbbb;
}
/* #menu ul:hover .top{
display:block;
background:#000;padding:1px;margin:1px;
}*/
#menu ul:hover .top a{
color:#fff;
text-decoration:none;
}
#menu ul:hover .top a:hover{
color:#fff}
/-----------/
#header_menubtn {
width:126px;
height:54px;
float:left;
}
#logo_holder{
width:700px;
margin:0px auto;
background-color:#efeff0;
}
#logo {
float:right;
height:36px;
width:90px;
clear:both;
margin-top:10px;
}
#flash_wrap{
width:100%;
height:300px;
}
#flash_holder {
width:700px;
height:300px;
margin:0px auto;
background-color:#999;
z-index:-3;
}
/* COPY */
#copy_wrap {
width:100%;
height:auto;
margin-top:30px;
}
#copy_holder{
width:700px;
margin:0px auto;
}
#copy_headline_left{
float:left;
width:340px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
display:block;
margin-bottom:5px;
}
#copy_headline_right{
float:right;
width:340px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
display:block;
margin-bottom:5px;
}
#copy_column_left{
float:left;
width:340px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
display:block;
}
#copy_column_right{
float:right;
width:340px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
display:block;
}
#copy_column_divided {
float:left;
width:160px;
}
.clear {
clear:both;
height:1px;
}
.copyline_grey{
height:1px;
width:100%;
background-color:#a4a3a3;
margin-top:30px;
margin-bottom:30px;
}
#space {
height: 90px;
}
#footer_wrap {
width:100%;
height:75px;
position:fixed;
bottom:0;
background-color:#000;
}
#footer_greyline{
background-color:#d0d1d3;
height:3px;
}
#footer_menu_wrap {
width:100%;
height:65px;
background-image:url(img/footer_bg.jpg);
background-repeat:repeat-x;
}
#footer_menu_center_wrap {
width:700px;
margin:0px auto;
}
#footer_menu_center {
margin:0px auto;
width:500px;
height:30px;
padding-top:30px;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#d0d1d3;
text-align:center;
}
Many thanx
//M
