ok, so I fail at coding. I'm trying to re-create my website in some decent css and such (snowy.latenightlan.com)
This is what I have for the background:
/* CSS Document */
body
{
background-image:url(images/bg.gif);
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed
}
Then to create side bars, I type this up:
#boarder_left {
background-image:url(images/bar_left.gif);
background-repeate: repeat-y;
background-position:left;
width:20px;
height:auto;
}
side bar doesn't appear - when I preview it, it looks
like this.
Also, when I preview it (index.html) and I go over to the "design" tab in dreamweaver, nothing appears.
I know these questions are n00bish, but I only really started learning last night.
Thanks for the help,
-Snowy
It looks like you've continued to edit things but if what you see
HERE is what you want it works on my end
.
NetSage Wrote:It looks like you've continued to edit things but if what you see HERE is what you want it works on my end .
That's because there's many images to it. Like the navigation has part of the side bar on it. The sidebar isn't separated, and "above" (such as a layer?) the rest of the template. Instead it's "flattened" and the transparency is just part of the image.
Dunno if that made any sense.
#boarder_left {
float: left;
background-image:url(images/bar_left.gif);
background-repeate: repeat-y;
background-position:left;
width:20px;
}
Try the above.
Height cannot be Auto; What exactly are you trying to achieve with this?
Regards.
rcpalace Wrote:#boarder_left {
float: left;
background-image:url(images/bar_left.gif);
background-repeate: repeat-y;
background-position:left;
width:20px;
}
Try the above.
Height cannot be Auto; What exactly are you trying to achieve with this?
Regards.
That doesn't seem to work. :/
Right now, the template isn't expandable. Which...isn't good. :/
I want the site to use less bandwidth and load quicker... right now, it's kind of slow.
#boarder_left {
float: left;
background: url(images/bar_left.gif) repeat-y;
width:20px;
}
In the html file put:
<div id="boarder_left">
<br /> <!--If it doesn't work, try it with this break for testing purposes-->
</div>
That should do it. However, I do need a link to the site with a preview to use as a reference. I could code the entire template for you if you want at no charge of course.
Kind Regards.
Wow, whatever software you're using to code your templates barley uses any css. You have way to much unnecessary code that can be neatly coded in css.
I'll see what I can do.
Kind Regards.
Last time I checked border never contained an 'a'... Lol.
What are you using...?
/* CSS Document */
The good thing about CSS is you only need to use on property for multiple things.
body
{
background-image:url(images/bg.gif);
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed
}
Could easily become:
background:url(images/bg.gif) no-repeat fixed center center;
I can't remember whether that should be center center or middle middle
.
Either way, you have to use 2 background-position values, onefor the x-axis and one for the y-axis, else IE will occasionally throw random fits.
If you are using height:auto, you will actually need to put content into the sidebar, or you can use some more advanced techniques to make it height 100%.
