Back to General and Gameplay Programming

[web] html site border

General and Gameplay Programming Programming

Started by Fuji October 16, 2010 09:09 PM

3 comments, last by Exogenesis 13 years, 6 months ago

Fuji

205

Author

October 16, 2010 09:09 PM

I've waited a few hours in irc channels and talking to folks trying to get a definitive answer, but it's been a waste of time. Simply, I wish to use an image along the left and right sides of my site but I'm having no such luck.

<div id="leftPillar" class="leftPillar">                                        </div>                <div id="rightPillar" class="rightPillar">                                        </div>

This is formatted by this css:

#leftPillar{    background-image: url(../images/pillar.png);    background-repeat: repeat-y;    position: absolute;    left: 0px;    top: 0px;    text-decoration: none;}#rightPillar{    background-image: url(../images/pillar.png);    background-repeat: repeat-y;    position: absolute;    right: 0px;    top: 0px;    text-decoration: none;}

The image does not show at all for some unknown reason. Please help me

C++: Where your friends have access to your private members

JDuke

145

October 16, 2010 11:02 PM

Looks like you probably need to specify a width and height for your pillars. I assume height should be 100% and width would be the width of your PNG, like 15px.

Also I'd put "position: relative" on the body.

Additionally, if you don't want your pillars to move if your content goes beyond the bottom of the browser window, you might want to use position: fixed instead of absolute on your pillars.

pulpfist

528

October 16, 2010 11:18 PM

It depends on what styling you have on the site already but I guess you could try using the float attribute.

Something along these lines

<html><head><style type="text/css"><!--body {  margin: 0px;  padding: 0px;}#leftcol {  background: #f00;  float: left;  width: 20px;}#content {  background: #fff;    float:left;}#rightcol {  background: #f00;  float: right;  width: 20px;  }--></style></head><body><div id="leftcol">L</div><div id="content">Content</div><div id="rightcol">R</div></body></html>

jbadams

26,386

October 17, 2010 05:59 AM

Moving you to Web Development for this one. [smile]

- Jason Astle-Adams

Exogenesis

100

October 24, 2010 05:29 PM

What I usually do is create one broad background to go into the body instead of making to separate pillars. This might not be the best solution, but it has worked well for my needs.

-----------------------------Play IndestructoTank on Bubbleshooter.hk

[web] html site border

This topic is closed to new replies.

Popular Topics

Recommended Tutorials

[web] html site border

This topic is closed to new replies.

Popular Topics

Recommended Tutorials

Reticulating splines