Put picture to back
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
-
I smell IE
Might I ask why you are using a pointlessly large logo?
- James Spencer / Developer & Support / Hull, UK
-
-
-
- Leckenby
- Elite Rocketeer
- Posts: 714
- Thanks: 0
-
lol
ill show you what im doing
If I can put my logo behind, then the white bit will be in position, then on the same image I can place whats going down the side - where the squiggles are...not the easiest way of doing it I know
This image is hidden for guests.
Please log in or register to see it.
Anyway thats what I want to do, if you can tell me how to do it another way?
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
-
That is way over complicated for what it is and cross-browser compatibility is going to be a pain
- James Spencer / Developer & Support / Hull, UK
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
10 out of 10 for imagination ;D
It won't work because it will be within the container DIV anyway.
You might try creating another container, an "outer container" if you like, with which you can make slightly wider and will give you the extra area on the left. You can then just add a BG image to the new DIV which will show up on the left. I used the same technique here: www.babypremier.co.uk to get the left & right shadowed bits.
Take a peek at the source & CSS to see how it's done...very simple. - Toolbox Digital | Dribbble | Forrst
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
"Thanks for the help, Dan"
Hey, don't mention it : 
- Toolbox Digital | Dribbble | Forrst
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
- HI Dan, I did similar with a recent site but got no love from IE6 and 7... probably to do with the positioning I used. I gave up hehe/
- Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
GollumX wrote:
HI Dan, I did similar with a recent site but got no love from IE6 and 7... probably to do with the positioning I used. I gave up hehe/
No need to do any fancy positioning. In fact, the site I exampled works just fine in IE6/7 and there isn't even a separate CSS for either...it just wasn't needed. The shadow BG images are 50px wide each.
In CSS:
#mainbg-right { width:880px; background:url(../images/right_shad.png) 100% 0 no-repeat; visibility: visible; } #mainbg-left { width:880px; background:url(../images/left_shad.png) 0 0 no-repeat; visibility: visible; } #container { width: 780px; background: #FFFFFF; margin: 0 auto; }
Then in code:<body> <div id="mainbg-right"> <div id="mainbg-left"> <div id="container"> .... </div> </div> </div> </body>
- Toolbox Digital | Dribbble | Forrst
-
Time to create page: 0.053 seconds