Ok, now i've got the switch menu working correctly; I got a small problem.
http://www.adzat.londonki.speed-networks.org/SkyHabbo/
Click on home, then you see all the links are bold...
Any idea on how to make them... un-bold?
Results 1 to 10 of 10
Thread: Help again please.
-
Help again please.
-
19-01-2007, 08:26 PM #2ScottDiamond Guest
Edit the font weight in the CSS?
-
Nope, no font-weight in the css.
Thanks though.A collection of forum users' views on obesity
Originally Posted by mynameisjake
Originally Posted by Stephen
Originally Posted by jesus
Originally Posted by Alexicles.
It will probably soon go away.
-
Any <b> in it?
After the home before the links put </b>
-
Arrrrgh. Originally Posted by no-neck
Don't take this the wrong way, but... nah i'll leave it.
The xhtml valid tag is <strong></strong> for bold text, and it's closed if you seeee.
Ty anywho.A collection of forum users' views on obesity
Originally Posted by mynameisjake
Originally Posted by Stephen
Originally Posted by jesus
Originally Posted by Alexicles.
It will probably soon go away.
-
Not sure if this will do it, but give it a shot.
Make another file to test as i dont wanna muck up your layout lol
So make test.html and use the code below
See how it works out and reply cheers.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SkyHabbo.NET - The sky, is no limit to us.</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript">
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
if (document.getElementById){
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").getElementsBy TagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(off set, end))
}
}
return returnvalue;
}
function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display ="block"
}
}
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display= ="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script>
<style type="text/css">
<!--
.style1 {font-size: 10px}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
-->
</style>
</head>
<body>
<center>
<div id="header">
<div id="box1"><img src="images/top3.PNG" alt="" /><br />
<img src="images/bottom3.PNG" alt="" /></div>
<div id="box2"><img src="images/top2.PNG" alt="" /><br />
<img src="images/bottom2.PNG" alt="" width="208" height="10" /></div>
</div>
<div id="container">
<div id="left">
<div id="boxleft"><strong><img src="images/top.PNG" alt="" /><br />
<div id="boxes">
<!-- Keep all menus within masterdiv-->
</font>
</strong>
<div id="masterdiv">
<div class="menutitle style1" onclick="SwitchMenu('sub1')">HOME</div>
<a href="#"> Homepage</a><br \>
<a href="#"> History</a><br \>
<a href="#"> The Team</a><br \>
<a href="#"> Job Openings</a><br \>
<a href="#"> Disclaimer</a><br \>
<a href="#"> Contact Us</a><br \>
<div class="menutitle style1" onclick="SwitchMenu('sub2')">NEWS</div>
- <a href="#">1</a><br>
- <a href="#">2</a><br>
- <a href="#">3</a><br>
- <a href="#">4</a>
<div class="menutitle style1 style2" onclick="SwitchMenu('sub3')">MEDIA</div>
- <a href="#">1</a><br>
- <a href="#">2</a><br>
- <a href="#">3</a><br>
- <a href="#">4</a>
<div class="menutitle style1" onclick="SwitchMenu('sub4')">RADIO</div>
- <a href="#">1</a><br>
- <a href="#">2</a><br>
- <a href="#">3</a><br>
- <a href="#">4</a>
<div class="menutitle style1" onclick="SwitchMenu('sub5')">EXTRAS</div>
- <a href="#">1</a><br>
- <a href="#">2</a><br>
- <a href="#">3</a><br>
- <a href="#">4</a>
</div></div>
<strong><strong>
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxleft"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxleft"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxleft"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<br />
</div>
<div id="main">
<div id="contentbox"><img src="images/top4.PNG" /><br />
<script type="text/javascript">
//<![CDATA[
window.onload = function() {
var f = document.getElementById("mainframe");
function resize() {
var h = "";
var w = "";
if (f.contentDocument) {
h = f.contentDocument.documentElement.offsetHeight + 20 + "px";
} else if (f.contentWindow) {
h = f.contentWindow.document.body.scrollHeight + 5 + "px";
} else {
return;
}
f.setAttribute("height",h);
f.parentNode.setAttribute("height",h);
}
if (window.addEventListener) {
f.onload = resize;
} else if (f.attachEvent) {
f.attachEvent("onload", resize);
} else {
return;
}
resize();
}
//]]>
</script>
<iframe name="main" id="mainframe" src="home.html" width="414px" frameborder="0" allowtransparency="yes" scrolling="no" marginwidth="0" marginheight="0"></iframe>
<img src="images/bottom4.PNG" /></div>
</div>
<div id="right">
<div id="boxright"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxright"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxright"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxright"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
</div>
</div>
<div id="footer"><img src="images/footer.PNG" />
</div>
</center>
</body>
</html>Musicicon iscurrently
-
the problem is on line 105
Just remove that strong tag.<div id="boxleft"><strong><img src="images/top.PNG" alt="" /><br />Last edited by Mentor; 19-01-2007 at 08:44 PM.
-
IDK i had a quick look and i suggest you use a
ink instead of a in your CSS.
Ill take a look later
-
19-01-2007, 08:44 PM #9ScottDiamond Guest
exactly what I was about to say. :p Originally Posted by 01101101entor
-
@ Call: No, that'd just remove the none-decoration which I need.
@ Carl: Life saver, thankyou.
+Rep if i can.A collection of forum users' views on obesity
Originally Posted by mynameisjake
Originally Posted by Stephen
Originally Posted by jesus
Originally Posted by Alexicles.
It will probably soon go away.
Reply With Quote
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts