No replies
jthensley
jthensley's picture
Offline
newbie
Lake Charles, LA
Last seen: 10 years 28 weeks ago
Lake Charles, LA
Timezone: GMT-6
Joined: 2011-12-16
Posts: 1
Points: 2

I am recoding the site http://www.jthensley.com to HTML 5 and CSS. I've redesigned some features, which are basically already in the new layout, at http://www.jthensley.com/2012alpha. The 2 horizontal neon lines and the vertical line are simply repeated outside of the header by the CSS. However, one problem I have is that the vertical line that is repeating becomes unaligned with the header if the browser window is expanded. Is there anyway to have it as a repeating background, set to begin at a certain pixel position, and move to the right to maintain alignment with the header as the page is expanded?

Secondly, at the bottom, you have the copyright line, which I plan to use as a repeating background or image, as well, and my picture to the right, standing on top of the copyright line. Idealy, I would like the picture of myself to be in a certain area, and push down as page contents make the page longer, but maintain it's "link" with the footer. Any suggestions on how to achieve that? Thanks for your help! This is quite a refresher/learning experience for me!

* {
	margin: 0 auto;
	padding: 0;
}
 
body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
	color: white;
	background-color: #000000;
	background-image: url(images/horzneon.png), url(images/horzneon.png), url(images/verneon.png);
	background-position: 0px 137px, 0px 172px, 250px 0px;
	background-repeat: repeat-x, repeat-x, repeat-y;
}
 
ul#nav {
	height: 185px; width: 1024px;
	margin: 0 auto;
	background: url(images/header.jpg) no-repeat;
}
height: 185px; width: 1024 px;