Page 1 of 2 12 LastLast
Results 1 to 10 of 12
  1. #1
    Join Date
    Jul 2008
    Posts
    238
    Plugin Contributions
    0

    Default dropshadow around border?? Please help

    I have searched the whole internet for a solution to this and none of the explanations are complete or it could be i do not know enough css..but i want to create a drop shadow around the border of my webpage

    First off i don't actually have a border per say i need to create it...since this is a template monster template there isnt a visible border on the template

    This is what i want to do i want to have the drop shadow like this website

    http://www.echo-electronics.com/

    I do not have to have the rounded corners like that, i really just want the border and the dropshadow


    Im pretty sure that this is done with css and images somehow...but i do not know the css code and how to position the images with the code... and there are no good explanations anywhere that i could find on the internet they are to vague and expect you to know css really well

    Id appreciate any help at all,

    thanks in advance

  2. #2
    Join Date
    Oct 2006
    Location
    Alberta, Canada
    Posts
    4,571
    Plugin Contributions
    1

    Default Re: dropshadow around border?? Please help

    There is a Browser extension for FireFox called 'Web Developer' which you can download from the FireFox site. It allows you view the CSS code used and where.

    In this case they are using a background image the width of the Template.

  3. #3
    Join Date
    Jul 2008
    Posts
    238
    Plugin Contributions
    0

    Default Re: dropshadow around border?? Please help

    Quote Originally Posted by Website Rob View Post
    There is a Browser extension for FireFox called 'Web Developer' which you can download from the FireFox site. It allows you view the CSS code used and where.

    In this case they are using a background image the width of the Template.
    thanks for the quick response ill try it ....i cant figure out how to position it though that's the biggest problem

  4. #4
    Join Date
    Jul 2008
    Posts
    238
    Plugin Contributions
    0

    Default Re: dropshadow around border?? Please help

    ok, i figured it out the problem im having now is in between each time the image repeats there is white space in between it please help me fix this thanks,

  5. #5
    Join Date
    Jul 2008
    Posts
    238
    Plugin Contributions
    0

    Default Re: dropshadow around border?? Please help

    never mind i just figured out it was the way i created the image in photoshop it is fixed now.

  6. #6
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: dropshadow around border?? Please help

    Ri,
    And did you place the image in the body??? How did you come up with the width???? 1030 x 8

  7. #7
    Join Date
    Jul 2008
    Posts
    238
    Plugin Contributions
    0

    Default Re: dropshadow around border?? Please help

    Quote Originally Posted by haredo View Post
    Ri,
    And did you place the image in the body??? How did you come up with the width???? 1030 x 8
    yeah i placed the image in the body, i honestly kept guessing in photoshop until it came out right, but i dont think that is the right way because if you make the window smaller than the webpage it doesnt line up any more ....what can i do to fix that?

    by that i mean if you make the webpage smaller than 1030 it does not line up how do i fix this?

  8. #8
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: dropshadow around border?? Please help

    Ri,
    Could not tell you at the moment, I have never mastered this technique with CSS.

    A fellow Zenner might enlighten us on this issue. :)

  9. #9
    Join Date
    Jul 2008
    Posts
    238
    Plugin Contributions
    0

    Default Re: dropshadow around border?? Please help

    Quote Originally Posted by haredo View Post
    Ri,
    Could not tell you at the moment, I have never mastered this technique with CSS.
    me either i wish i knew alot about it because it makes a website look a whole lot better

    would you happen to know how to expand the center column on my homepage there is too much white space now around the edges...id really appreciate it

  10. #10
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: dropshadow around border?? Please help

    then drop shadow would consist of two background images , one for right and one for left ..
    mainWrapper needs to be wrapped around two other div , each div will display dropshadow for each side.

    this should eliminate photoshop work each time you change the width of your site . but may need CSS adjustment only .

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. remove border around around images (not image border)
    By Otha in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 23 Aug 2010, 06:03 AM
  2. Help with CSS border around Description
    By Redcinamn in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 11 Sep 2009, 11:53 AM
  3. Help with border, not wrapping around body
    By MongkongClothing in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 3 Apr 2009, 12:49 AM
  4. Help with Main Image Border Wrapping around ImgLink Image
    By limelites in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 2 Mar 2009, 10:55 PM
  5. Help Please! Border showing around text on product page
    By jaylyns in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 24 Apr 2008, 02:07 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg