Quick Login
A webmaster forum specifically catering for Australian site owners. We discuss site development, marketing and management issues.
Please welcome our newest member, conorod!
Spice up your web site with the ultimate community message board solution!
Fake Id'sGet fake Id's made right now!
vBSEOSearch Engine Optimization for your VBulletin Forum.
AdminFusion
»
CSS Problems
12-10-2006, 12:37 AM
| #1 |
| | |||||
| Title: Lurker
Join Date: Dec 2006 Posts: 0  | CSS Problems Hi everyone, I am in the process of designing a website using CSS and <div> tags for the layout and have run into a couple problems, any assistance would be appreciated. First off, I wish to put two different images on the left and right sides of the screen, extending to the bottom. I can position the left one correctly, but am having trouble with the right. http://img241.imageshack.us/img241/3...itecopyfp2.jpg. This is a mockup I did in Photoshop, the shadows to the left and right of screen are what I'm trying to achieve. The CSS I have so far that I believe doesn't work: For some reason they're not showing up at all now. Code: #LeftShadow
{
width: 50px;
background-image: url(images/left.jpg);
background-repeat: repeat-y;
background-position: 28px;
height: 100%;
float: left;
}
#RightShadow
{
width: 50px;
background-image: url(images/right.jpg);
background-repeat: repeat-y;
height: 100%;
background-position: 100px;
float: right;
} Code: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> </head> <body bgcolor="#eeeef0"> <form id="Main" runat="server"> <div id="LeftShadow"> <div id="RightShadow"> ...Rest of Code... </div> </div> </form> </body> </html> Again, the CSS for the column section: Code: #LeftCol
{
position: absolute;
top: 360px; left: 75px;
background-color: #a8b0b3;
width: 157px;
height: auto;
}
#CentreCol
{
position: absolute;
top: 360px; left: 232px;
background-color: #ffffff;
width: 536px;
height: auto;
}
#RightCol
{
position: absolute;
top: 360px; left: 768px;
background-color: #a8b0b3;
width: 157px;
height: auto;
} Code: <div id="LeftCol"> blah blah blah </div> <div id="CentreCol"> blah blah blah </div> <div id="RightCol"> blah blah blah </div> Thanks in advance.   | ||||
| |
|
12-10-2006, 03:20 AM
| #2 |
| | ||||||
Title: Veteran
Join Date: Sep 2006 Posts: 920 Location: Alberta Canada  
| I'm certainly no expert, but the CSS for my borders are like so: Quote:
| |||||
| |
|
12-10-2006, 03:24 AM
| #3 |
| | |||||
Title: Gas 1.43
Join Date: Feb 2006 Posts: 3,984 Location: back in TX  
| WHen you say shadow, what exactly do you mean? Is it the darkened areas on the bottom left right, or the lighter BORDER-pillars to the left and right? I can't really help you if you don't explain this to me.  PS: welcome to AF! 
__________________ I went to Vegas, and all I got was this Blister. - true story! | ||||
| |
|
12-10-2006, 03:59 AM
| #4 |
| | ||||||||
| Title: Lurker
Join Date: Dec 2006 Posts: 0 | Quote:
Quote:
Quote:
 | |||||||
| |
|
12-10-2006, 08:21 AM
| #5 |
| | |||||
|
Title: Gas 1.43
Join Date: Feb 2006 Posts: 3,984 Location: back in TX
| Let me know if this helps... Why not put the whole thing inside a division, and have the border set to display thick, and then superimpose your gradient. border-left: 30px solid grey url(/images/left.jpg); border-right: 30px solid grey url(/images/right.jpg);
__________________ I went to Vegas, and all I got was this Blister. - true story! | ||||
| |
 |
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | |
| Display Modes | |
| |
Similar Threads | ||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Computer Problems: Need Help! | htmlmaster | Off Topic | 18 | 08-06-2006 01:29 PM |
| Ryan, what kind of tech problems you having? | Jemrada | Off Topic | 3 | 04-21-2006 08:16 AM |
| Advice Please - Problems encountered whilst doing my first bit of paid work | imported_Link | Graphics and Design | 0 | 04-20-2006 08:14 PM |
| Forum Problems | ORACLE | Graphics and Design | 4 | 04-16-2006 09:52 PM |
Linear Mode
