SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2008
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    right and left image border for container of website

    Dear All,
    Warm Greetings!
    As I am learning Photoshop for Website. I hope, will get help from this forum.

    I would like to have left and right dropdown shadow border using image for the container of website but I don' know how to achieve this. Container width is 800px.

    I have attached the image file here. This image is 800px wide . Left and right border can be seen. Now I want both the side shadow. I did not create this image but somehow I got it. I want to know the steps for creating such type of image.

    I need your help.
    Thank you all
    Sheru
    Attached Images Attached Images

  2. #2
    SitePoint Enthusiast
    Join Date
    Sep 2008
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dear All,
    I think I am not being specific about my problem.

    I just want to call image side image in CSS

    Code CSS:
    #container
    {
    	background-image: url(../images/cont.gif);
     
    }

    cont.gif is a image which has left image and right image for the container to display image. both image are 800px far from each other.
    I just want to draw cont.gif. But no idea..

    Thank you
    Sheru

  3. #3
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,746
    Mentioned
    45 Post(s)
    Tagged
    0 Thread(s)
    Don't forget to tile your background image vertically.

    Google search for CSS background tutorials and repeat-x / repeat-y .




    Trying to fill the unforgiving minute
    with sixty seconds' worth of distance run.

    Update on Sitepoint's Migration to Discourse

  4. #4
    SitePoint Member
    Join Date
    Sep 2008
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    mmm I was asking me the same Question about the BG thing. What about if we make image as larger than the DIV plus de shadows?

    example:



    This image is 560 px wide, (my "container" is 500 px wide) plus a 30 px each side for the shadow. I guess we can play with padding for that container or with another div.

    But I don't know if it's the best way.
    WAKKOS.ES
    Photoshop Tutorial Blog & More


Bookmarks

Posting Permissions

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