*Facepalm* It's been too long... - Overclock.net

Xero. · 10-08-08

Okay, SO! To make it easy for all of you trying to help.

http://www.blazextreme.com/testzone/

I'm trying to get the line thats grey to the bottom, to finish the border around my content section. It refuses to move. I used to be able to do this but I can't remember. Here's my code:

Code:

<!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=utf-8" />
<title>Welcome to Blazextreme!</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Sidebars -->
	<img src="images/sidebar.gif" align="left" height="100%" />
	<img src="images/sidebar_r.gif" align="right" height="100%" />
<!-- Header -->
	<div id="header"><img src="images/header_img.gif" align="absmiddle" width="477" height="185" /></div>
<!-- Borders[ugh] -->
	<div id="bordertop">
		<img src="images/border_l.gif" align="left" width="26" height="500" />
		<img src="images/border_r.gif" align="right" width="26" />
        	<div id="borderbottom">
            	<!--<img src="images/border_bottom.gif" align="bottom" width="100%" height="5"  />-->
            </div>
	</div>
<!--<img src="images/border_bottom.gif" align="top" width="100%" height="5"  />-->
</body>
</html>

CSS:

Code:

@charset "utf-8";
/* CSS Document */
body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
	width: 100%;
	height: 100%;
	background-color:#D9D9D9;
	
}
#header {
	width: 100%;
	height: 185px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0%;
	background: url('images/header_spread.gif') repeat-x;
	
}
#bordertop{
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	width: 100%;
	height: 10px;
	background: url('images/border_top.gif') repeat-x;
}
#borderbottom{
	margin-left: 0px;
	margin-right: 0px;
	padding: 50px;
	width: 50%;
	height: 5px;
	background: url('images/border_bottom.gif') repeat-x;
}

You can kinda get the gist of what I'm getting at in there. Stupid photoshop making me recode this from scratch with their crappy coding output...

Thanks to all in advance.

DIRTYDUCK · 10-08-08

It has been quite a while for me but this looks pretty basic...you are trying to make it look like the top on the bottom? or extend the border past 1 screen? I think you just increase the pixels right?

zu903 · 10-08-08

good luck i hate code.

Xero. · 10-08-08

Quote:

Originally Posted by DIRTYDUCK

It has been quite a while for me but this looks pretty basic...you are trying to make it look like the top on the bottom? or extend the border past 1 screen? I think you just increase the pixels right?

I've got a top border, which is in it's correct spot, but I've got the line that's supposed to go across the bottom, and well, it doesn't want to. I think I have an easier solution than I thought though. I'll update ya.

Edit: Nah, not workin.

DIRTYDUCK · 10-08-08

just make a new border...copy the top and put it at the bottom

Xero. · 10-08-08

Quote:

Originally Posted by DIRTYDUCK

just make a new border...copy the top and put it at the bottom

Thats what I'm trying, but it won't align to the bottom.

I've tried divs, I've tried aligns, vertical-aligns, everything.

DIRTYDUCK · 10-08-08

what about not making it a border and just layer 2 blocks

I know there is a way to make a square but its been years for me, let me look and see if I can find the code for bottom border lol brb.

DIRTYDUCK · 10-08-08

you don't have a height set for your border_r.gif is that the problem?

img src="http://www.overclock.net/images/border_l.gif" align="left" width="26" height="500"

img src="http://www.overclock.net/images/border_r.gif" align="right" width="26"

hell man I'm just pulling crap out of nowhere now lol I don't know why its not popping out at me right away...I'm no code master but I should be able to make a border lol

Xero. · 10-08-08

I'm so damn dumb. I have to put my content and whatnot in FIRST, THEN add the bottom border...

Thanks for trying. I gotta think before I write... I'm getting tired now... XD

+Rep for the effort.

DIRTYDUCK · 10-08-08

oh lol I was way off anyway...if you still need help you can look here, I think would have helped some...

http://www.quackit.com/html/codes/ht...ge_borders.cfm

I was really glad when my HTML class ended...I remember staying up late night after night trying to get things to work right...I would get too tired to think and really mess up my code lol Thank god I will never do that as a job.

		Overclock.net - Overclocking.net > Software, Programming and Coding > Coding and Programming > Web Coding
Facepalm It's been too long...

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)