shadownexusruler
Member
can you guys help me is there a way to add a new section to the left col div so i can add affiliates links and banners
html div left col
- Thread starter shadownexusruler
- Start date
shadownexusruler
Member
well i'm not using wordpress template i'm coding my website my self using expression web by microsoft
Ah. Don't use expression web. It's miserable. 
It doesn't even know how to read shorthand CSS, I just did a website design about a month ago and some guy imported my code into expressions and it completely BUTCHERED it, and then he has the ignorance to write me back and tell me I'm the one that did it wrong and his software "fixed" it. Lulz. Anyway. Mortar's link should get you the info you need, whether you can implement it in that dumpy software easily is anyone's guess
It doesn't even know how to read shorthand CSS, I just did a website design about a month ago and some guy imported my code into expressions and it completely BUTCHERED it, and then he has the ignorance to write me back and tell me I'm the one that did it wrong and his software "fixed" it. Lulz. Anyway. Mortar's link should get you the info you need, whether you can implement it in that dumpy software easily is anyone's guess shadownexusruler
Member
well i didn't know expression web was that bad i guess i will code my website in notepad2 thanks nphyx
i just want to add one one thing bout the site mortar offered that person must have a screw loose if he thinks the 3 column fixed width is correct well it's not correct my links go to the center with my main content at the bottom of the page with the footer sitting right no top of it
i just want to add one one thing bout the site mortar offered that person must have a screw loose if he thinks the 3 column fixed width is correct well it's not correct my links go to the center with my main content at the bottom of the page with the footer sitting right no top of it
That's your own code sucking ass, as you can see, my site works fine with it.shadownexusruler":3dz45w8k said:
I would stop blaming other people for your own mistakes without actually knowing if their coding sucks if I were you. Why do you think it looks fine on his own site?
The arrogance of some people amazes me. >_>
shadownexusruler
Member
i'm not blameing you i blaming the one who came up with that css layout the problem i'm have is when i go to add something to the right side column i use <ul><li> to add links to my homepage and they end up being in the middle of the homepage
Post your code if you could or a link so we can see about finding a fix for you Cut down on the hostility guys, ranting about how software sucks is great but do not flame each other.
That's a pretty standard way to pull off column layouts, I've used it quite a few times, so it should be working for you. Oh also, let us know what browsers you're viewing it in, if you're using IE6 for instance you might be dealing with a browser bug rather than a code bug; IE6 can be wonky with floating divs. It will need to be corrected either way of course.
Cut down on the hostility guys, ranting about how software sucks is great but do not flame each other.That's a pretty standard way to pull off column layouts, I've used it quite a few times, so it should be working for you. Oh also, let us know what browsers you're viewing it in, if you're using IE6 for instance you might be dealing with a browser bug rather than a code bug; IE6 can be wonky with floating divs. It will need to be corrected either way of course.
shadownexusruler
Member
well i use Firefox when viewing my web page
i would upload a image showing my problem but photobucket is having server io error
i added the css
Code:
html {height:100%;}
body {
margin:0;
padding:0;
height:100%;
background-color:#ffffff;
font-family:arial, serif;
}
#wrap {
background:url(comp010.jpg) top left repeat-y;
min-height:100%;
width:780px;
margin:auto;
position:relative;
}
* html #wrap {height:100%}
#inner-wrap {
padding-bottom:80px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
#footer {
position:absolute;
bottom:0;
height:80px;
background-color: #333333;
width:100%;
color:#FF00FF;
text-align:center;
margin:auto;
}
#left {
float:left;
width:150px;
text-align:center;
}
#main {
position:relative;
margin-left:150px;
}
#right {
float:right;
width:150px;
text-align:center;
}
#content {
padding:5px;
margin-right:150px;
text-align:left;
}
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Your favorite computer software can be found here for a price." />
<meta name="keywords" content="computers,Hardware,software,troubleshooting,repair" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="logo"><img src="Images/Banner/Neal_Bannercopy-2.png" alt="Neal_Bannercopy-2.png"/></div>
<div id="logo2">Want to help out nealetechnology.com? <a href="http://nealetechnology.com/Smf/http://dev.rmxp.org/forums/viewforum.php?f=7.0">Apply</a> for a staff position!</div>
<div id="header">Header</div>
<div id="inner-wrap">
<div id="left">Site Main</div>
<ul><li><a href="index.html">Home</a>
<li><a href="http://nealetechnology.com/Smf/index.php">Community</a>
<li><a href="contact us.html">Contact</a>
<li><a href="downloads.html">downloads</a>
</ul>
<div id="main">
<div id="right">Right</div>
<ul id="Affiliates">
<li><a href="http://www.rm-sanctum.com">Rm-Sanctum</a>
<li><a href="http://www.smfhelper.info">Smf-Helper</a>
</ul>
<div id="content">Main Content</div>
<p><img src="http://nealetechnology.com/images/img06.jpg" alt="" width="120" height="120" class="left" />
Welcome to the site. The sole purpose of this site is to make your Computer Building alot simpler and easier.
We do this by providing you with a friendly community based website; with members that are more than willing to help out the "new guy".
If your just starting out with building a computer than this is the place for you; we will help you learn the basics you need to run your own Computer.
We provide support for our own computer package's as well as mods from third-party authors.
<br />
<br />
You can also find Computer support and custom Tips and tricks that has been put together by our members. <br />
- Not only do we provide support for the ever popular Windows software but we also have a very nice members area for you to relax in featuring jokes and laughs and all kinds of videos and stimulating chat. <br />
- From the beginner computer technician to the pro; we can help out. Come on in and check us out.<br />
<br />
</p>
</div>
</div>
</div>
<div id="footer"><p>Copyright © 2008. <a href="http://www.nealetechnology.com/" title="NealeTechnology">Neale Technology</a></p></div>
</div>
</body>
</html>i would upload a image showing my problem but photobucket is having server io error
i added the css
shadownexusruler
Member
if your talking bout the css code for ie i didn't include it
No, there was some regular CSS code in there as well.
Did you put that in your CSS file too?
Code:
<style type="text/css">
@import "menu.css";html {height:100%;}
body {
margin:0; padding:0; height:100%;
font-family:arial, serif;
background-color:white;
}
#wrap {
background:url(bg780.gif) top left repeat-y;
min-height:100%;
width:780px;
margin:auto;
position:relative;
}
* html #wrap {height:100%}
#header {
background:#333333 url(label2.gif) right no-repeat;
color:#FF00FF;
margin:0; padding:0;
height:80px;
}
p {margin:5px; padding:0;}
h1 {
position:relative;
line-height:80px;
margin:0; padding-left:20px;
}
#left {
float:left;
width:150px;
text-align:center;
}
#main {
position:relative;
margin-left:150px;
}
#right {
float:right;
width:150px;
text-align:center;
}
#content {
padding:5px;
margin-right:150px;
text-align:left;
}
#inner-wrap {
padding-bottom:80px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
#footer {
position:absolute;
bottom:0;
height:80px;
background-color: #333333;
color:#FF00FF;
text-align:center;
width:100%;
}
#footer p {
margin:0;
font-size:1.5em;
text-align:center;
}
code {
font-size:0.8em;
border:1px solid navy;
background-color:white;
color:#333333;
padding:10px;
display:block;
width:80%;
margin:10px auto;
overflow:auto;
font-family: Courier New, Courier, mono;
}
#menu {padding:10px 3px; width:150px;}
ul#navmenu {width:143px;}
</style>Did you put that in your CSS file too?
shadownexusruler
Member
there was i didn't see it on bonrouge.com,
shadownexusruler
Member
sorry i guess i must of missed it could you give me a link showing where that is on bonrouge.com and is that menu.css is included or is that something you done