Printable View
Someone coded my layout in DIVs and CSS but he forgot to code one part and it is just a image but i want it too be my navigation. Is there anyway of coding it and making it work so i can add links etc. I am not good at coding images so if anyone can do this for me please PM me or reply Thank you
- Lysine. + rep for all people who help.
example?
www.thishabbo.net/usersystem/user/index.php It is the thing under the stripy bars at the top.
Wouldnt you just make the image the background image of the div? And replace the image code with the div and then do text-margin or something like that?
Does that work?HTML Code:<div id="middleboxrow">
<div id="topbit">
<a href="navigation.php">Navigation</a> | <a href="navigation.php">Navigation</a> | <a href="navigation.php">Navigation</a> | <a href="navigation.php">Navigation</a> | <a href="navigation.php">Navigation</a>
</div>
</div>
where do i add that code above in this script
PHP Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>I are teh leet</title>
<link href="http://www.thishabbo.net/usersystem/user/skin.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="toppanel">
</div>
<div id="mainbox">
<div id="topboxrow">
<div id="ribbon">
</div>
</div>
<div id="middleboxrow">
<div id="topbit">
</div>
<div id="secondboxtop">
<div id="banner">
</div>
</div>
<div id="secondboxmiddle">
<div id="rightcol">
<div id="rightcoltop">
</div>
<div id="rightcolmid">
<? include("login.php") ?>
<head>
<title>Home</title>
<style type="text/css">
a {
font-size: 10px;
color: #000000;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
body,td,th,p {
font-family: Verdana;
font-size: 10px;
color: #000000;
}
.12 { color: red; }
.11 { color: navy; }
.10 { color: ; }
.9 { color: darkorchid; }
.8 { color: darkorchid; }
.7 { color: darkorchid; }
.6 { color: darkorchid; }
.5 { color: green; }
.4 { color: green; }
.3 { color: green; }
.2 { color: green; }
.1 { color: black; }
input {
font-family: Tahoma, Arial;
font-size: 8pt;
font-weight: bold;
width: 100;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #000000;
}
select {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
width: 100;
border: 1px solid #000000;
}
textarea {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
width: 100;
border: 1px solid #000000;
}
</style>
<meta http-equiv=\"Refresh\" content=\"30; URL=http://www.thishabbo.net/usersystem/user/login.php\"/>
</head>
<body bgcolor="transparent">
</body>
</html>
</div>
<div id="rightcolbot">
</div>
</div>
<div id="leftcol">
<div id="contentbar">
</div>
<div id="contentboxtop">
</div>
<div id="contentboxmid">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body bgcolor="#ffffff">
<p><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";
// can't find anything for Opera and Firefox that works for the width. OffetWidth doesn't work right either.(f.contentDocument.documentElement,"").getPropertyValue("width");
} 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="mainframe" id="mainframe" src="sitecontent/main.html"
width="410" height="" scrolling"no" frameborder="0"></iframe>
</body>
</html> </div>
<div id="contentboxbot">
</div>
</div>
</div>
<div id="secondboxbottom">
</div>
</div>
<div id="bottomboxrow">
</div>
</div>
</body>
</html>
I still need help with this please.