3 svar · 251 visningar · startad av Biasse
Hejsan. Hur gör jag för att få bestämma länk färg och färg på besökta länkar i en sån här meny??
______________________________________________
<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 3px;
background-color:#9ce6fe;
color:#3333cc;
width:75px;
padding:1px;
text-align:center;
font-weight:bold;
;
/*/*/border:1px solid #6666ff;/* */
.submenu{
margin-bottom: 0.5em;
}
</style>
<script type="text/javascript">
//***---Länkarna ska öppnas i vilken frame? Detta är samma som TARGET="x"
menyTarget="huvud"; //"_top", "_self", "_blank", "framensNamn" kan anges.
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar*.className=="submenu") //DynamicDrive.com change
ar*.style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Site Menu</title>
<base target="huvud">
</head>
<body bgcolor="#55BEFD">
<div id="masterdiv" style="width: 75; height: 462">
\<div class="menutitle" onclick="SwitchMenu('sub1')"\>\<font size="2"\>MENY\</font\>\</div\>
\<span class="submenu" id="sub1"\>\<center\>
<b><font color="#ff0000">
<a href="php">forum</a><br>
<a href="files/default.asp">files</a><br>
<a href="issur.asp">issur</a><br>
<a href="links.asp">links</a><br>
<a href="members.asp">members</a><br>
<a href="msn.asp">msn</a><br>
<a href="ucs.asp">ucs</a><br>
<a href="myftp.asp">my ftp</a><br>
<a href="info.asp">info</a>
</font></b>
</span>
\<div class="menutitle" onclick="SwitchMenu('sub2')"\>\<font size="2"\>VIP\</font\>\</div\>
\<span class="submenu" id="sub2"\>
<b><font color="#ff0000">
<a href="issur2.asp">vip issur</a><br>
<a href="filesVip/default.asp">vip files</a>
</font></b>
</span>
\<div class="menutitle" onclick="SwitchMenu('sub3')"\>\<font size="2"\>SUPER\</font\>\</div\>
\<span class="submenu" id="sub3"\>
<b><font color="#ff0000">
<a href="superftp.asp">super ftp</a><br>
<a href="filesSvip/default.asp">super files</a>
</font></b>
</span>
\<div class="menutitle" onclick="SwitchMenu('sub4')"\>\<font size="2"\>ADM\</font\>\</div\>
\<span class="submenu" id="sub4"\>
<b><font color="#ff0000">
<a href="admin.asp">members</a><br>
<a href="adminlinks.asp">links</a><br>
<a href="adminmsn.asp">msn</a><br>
<a href="admininfo.asp">info</a><br>
<a href="adminucs.asp">ucs</a>
</font></b>
</span>**
<style type="text/css">
[b]a { color: red; }
a:visited { color: green; }[/b]
.menutitle{
osv...
Vill du inte att det skall påverka resten av länkarna på sidan tilldelar du länkarna i menyn till en klass med class="foo" och använder istället a.foo och a.foo:visited i stilmallen.
oki tackar 
Finns det ochså lösning på att bestämma placeringen av menyn. Nu vill den bara hamna högt upp och jag vill ha den länge ner.
Som det är nu hamnar menyn "där du lägger koden". Som vanligt alltså; lägger du den direkt efter <body> hamnar den överst på sidan. Lägger du den längre ner efter en massa annat hamnar den längre ner på sidan. Alternativet är att lägga menyn i ett eget lager som ligger ovanpå det ordinarie sid-flödet. Det gör du genom att ändra den div som har id't masterdiv.
<div id="masterdiv" style="position:absolute;top:200px;left:0px;width:75px;height:462px">
Flyttar tråden till HTML/CSS.