Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Oct 2010
    Posts
    1
    Member #
    24481
    I am creating a site template and I want my image to border my menu. So how do I place an image in as a border without CSS3?

  2.  

  3. #2
    Banned
    Join Date
    Oct 2010
    Posts
    11
    Member #
    24426
    You can use this code which helps you...


    * border-image:
    o border-top-image
    o border-right-image
    o border-bottom-image
    o border-left-image

    * border-corner-image:
    o border-top-left-image
    o border-top-right-image
    o border-bottom-left-image
    o border-bottom-right-image

    border-image currently works in Safari and Firefox 3.1 (Alpha). The syntax to use it is:

    border-image: url(border.png) 27 27 27 27 round round;

  4. #3
    Junior Member
    Join Date
    Oct 2010
    Posts
    26
    Member #
    24200
    Liked
    1 times
    You simply CAN'T do this without using CSS3.

    The above syntax etc is right and it IS CSS3.
    However, if you want to show border images in IE6, IE7 and IE8 you will have to use CSS3PIE wich you can find here:
    CSS3 PIE: CSS3 decorations for IE

  5. #4
    Member JayWood's Avatar
    Join Date
    Oct 2010
    Location
    East Coast U.S.
    Posts
    55
    Member #
    24240
    On a third note, you need to use the following syntax.

    -webkit-border-image
    Safari Browser
    -moz-border-image
    Mozilla Browsers

    The previously stated "border-image" property is for any other browser that supports it. Still use it.

    However.... since you don't want to use CSS3, I would position a div with "position:relative" according to the menu.
    Don't forget to Rep people if they've helped you, it's just the right thing to do.
    My Site - JJ's Webs
    My oDesk Profile - Hire me on oDesk
    My Themeforest Profile - Just for you TF people!

  6. #5
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    or just use a div with the image and position it where you need it. like { height: whatever; width: 2px; } or if it's a full image just z-index it behind what you are giving border to. this will work in ALL browsers.

    while($get_it !== true){ continue; }


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:25 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com