I have 2 issues that I'd like to tackle. I've been trying to solve them but I couldn't and it's frustrating the **** out of me.
First issue:
I have the following image (which includes 2 problems):
The first problem is with the blur outside surrounding it. When I take a slice and put it as background image with image repeat, I'm loosing the blur effect. It's not that big of a deal, but I'd like to know why. This is going to be for navigation (OL with LI elements display: inline)
THE MOST IMPORTANT ISSUE: As you can see from the image, there are edges on the top left and bottom right. This is consistent throughout the design, and I have no idea how to implement it. I have boxes with the same design (different color of course). My question is: How do I make these edges? I did slice them but I have no idea how to put them ;(.
I also have this image. It's done in Photoshop and it has a layer of effect. How do I export the effect layer only?
With effect:
Without effect:
It's simple without effect I think. 1 div with 2 divs inside with the respective colors, but what about the effect that has on top of it? And as you can see, I have to do this bottom right edge thing ;(.
Thank you for all of your help. I hope it was clear. Any help would be appreciated.
Question
Bazenga
Hello all,
I have 2 issues that I'd like to tackle. I've been trying to solve them but I couldn't and it's frustrating the **** out of me.
First issue:
I have the following image (which includes 2 problems):
The first problem is with the blur outside surrounding it. When I take a slice and put it as background image with image repeat, I'm loosing the blur effect. It's not that big of a deal, but I'd like to know why. This is going to be for navigation (OL with LI elements display: inline)
THE MOST IMPORTANT ISSUE: As you can see from the image, there are edges on the top left and bottom right. This is consistent throughout the design, and I have no idea how to implement it. I have boxes with the same design (different color of course). My question is: How do I make these edges? I did slice them but I have no idea how to put them ;(.
current code:
CSS:
body { background-color: #AE1E24; color: black; background-image: url('untitled.png'); background-repeat: repeat-x; } #wrapper { margin-top: 4%; background-color: white; padding: 10px; } #header { text-align: center; margin-bottom: 10px; } #header img { margin-top: 10px; } #nav ol { background-color: #b21f25; background-image: url('bg_nav.png'); background-repeat: repeat-x; background-position: center; } #nav ol li { display: inline; padding: 0; }I also have this image. It's done in Photoshop and it has a layer of effect. How do I export the effect layer only?
With effect:
Without effect:
It's simple without effect I think. 1 div with 2 divs inside with the respective colors, but what about the effect that has on top of it? And as you can see, I have to do this bottom right edge thing ;(.
Thank you for all of your help. I hope it was clear. Any help would be appreciated.
Link to comment
Share on other sites
3 answers to this question
Recommended Posts