Someone please help!!

[raindark]

I am trying to insert this bacground box to replace the4 sideboxes. i want it to be one long box . It just keeps doubling in all the boxes how do i change this? here take a look

http://www.veryprrettythings.com

thanks

[raindark]

i have a graphic that I inserted but its not the way i want it. The border that was originally around it i deleted. I want the picture to be the border for all the side boxes. where do I insert this? here take a look..
http://www.veryprrettythings.com

Thanks

[Ajeh]

Please post just one thread on each question ... thanks!

[seethrou]

You may refer to the Future Zen Series Templates for reference.
It is available in the downloads area.

[raindark]

hello,,
honestly I have no idea what you mean. I went there but it shows you how to download the future zen. I'm not sure thats what I need. Thanks

[seethrou]

May be you need to find the final way by yourself, most of the time others can only provided the direction.

Take a look and feel of the demo Future Zen, and it use graphics for the sidebox.

Then
1st, download the Future Zen Templates
2nd, install it and config in your testing version of ZC and study how it handle the sidebox and its related graphics.

Or
3rd, if you have enough experiences than just look at the stylesheet and you can find the way how it works.

And the key points, it break the box graphic into 2 parts. One for the sidebox heading and the other is for the sidebox bottom. And the below is the related section for the sidebox graphics of Future Zen in the stylesheet
.

.leftBoxHeading, .rightBoxHeading {
margin: 0;
background-image:url(../images/sidebox_header_bg.gif);
background-repeat:no-repeat;
padding: 0.5em 0.2em;
}

.sideBoxContent {
background-image:url(../images/sidebox_content_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
padding: 0.6em 0.7em 1.4em 0.6em;
}

[gjh42]

Another clue:

The code above is for decorating each sidebox individually. Since you want to enclose them all in one box, you will need to apply the logic to larger units.

NavColumnOneWrapper encloses all the left sideboxes, as you will see if you use the FF Web developer tools, and navColumnOne encloses that. So you can put the top & sides of your border in the outer entity and the bottom in the next inner one so it covers the lower ends of the sides. Adjust margins & padding in all places necessary and you will be done. (I know, easier said than done, but work on it, experiment, and study CSS if necessary. You will be better prepared for your next project.)

[seethrou]

For the reader follow on
====================
Please note the following has not been tested and only suggested for experience!


@ raindark

Some suggestions, before modifications, please first read the FAQ, the Wiki and search for the basic concepts about your subjects. It will help to turn the headache or hair loss into more joys.

The following may be still not the final way but hope this closer.
Your image seems with problems, it contain large white margins and wider than the column size, so only portions of the graphic showed. Again it is about the basic concepts you need to notice.

Suggest to trim off all the margins not needed unless it is by design and I misunderstand about it.
Then cut your image mirror.jpg into 2 parts,
one for the top or header and for e.g. I call it mirror_1.jpg,
and the other for the bottom and for e.g. I call it mirror_2.jpg.
But the length of mirror_2.jpg must sufficient or longer than all the lengths of your contents!

After that, copy the idea from Future Zen and got the advices from gjh42.
And put the following to your stylesheet and trial and errors for the experiences.

#navColumnOne {
margin: 0;
background-image:url(../images/mirror_1.jpg);
background-repeat:no-repeat;
padding: 0.5em 0.2em; /* tune it to fit */
}

#navColumnOneWrapper {
background-image:url(../images/mirror_2.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding: 0.6em 0.7em 1.4em 0.6em; /* tune it to fit */
}

Again, it is your turn now.

.

[raindark]

thanks....

[raindark]

I put an image into my sideboxes as a border. And its all doubled . Am I using the wrong code or is it in the wrong location?


http://www.veryprrettythings.com

Thanks !