View Full Version : Need some CSS help.
Lysine
27-12-2006, 11:03 PM
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.
Lysine
27-12-2006, 11:11 PM
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?
ComicalOne
28-12-2006, 10:33 AM
<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>
Does that work?
Lysine
28-12-2006, 11:23 PM
where do i add that code above in this script
<!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>
Lysine
31-12-2006, 12:40 AM
I still need help with this please.
Want to hide these adverts? Register an account for free!
Powered by vBulletin® Version 4.2.5 Copyright © 2024 vBulletin Solutions Inc. All rights reserved.