Solved

CSS border image question

Posted on 2013-02-05
5
273 Views
Last Modified: 2013-02-19
I have this page: http://bit.ly/XfT5jd

There is a div on the page that looks like this > http://cl.ly/image/183q1T0R2837

I am trying to add a border image to the bottom of the div, but am failing miserable. Can anyone point out what I may be doing wrong?
0
Comment
Question by:lvollmer
  • 2
  • 2
5 Comments
 
LVL 8

Expert Comment

by:soupBoy
ID: 38857004
I may not understand your question correctly, but try this:

.fancyquote{
    border-bottom: 1px solid rgb(238, 238, 233);
}

Open in new window

0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 38857035
border-image has only partial browser support.

A workaround to is to put a container around the element with a background image and set the padding-bottom to the width you want the border.

This page has some image border effects


Cd&
0
 

Author Comment

by:lvollmer
ID: 38857041
SoupBoy - the bottom border should look like the image attached.

Cd& - can you repaste the link? I don't think it took
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 38857066
Yeah that did come out a bit strange

http://coboldinosaur.com/pages/Frames_For_Photos.html

Cd&
0
 

Author Closing Comment

by:lvollmer
ID: 38906707
thanks!
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Where can I find... 1 32
Joomla 2.5 shopping cart 7 23
ASP server side get value 15 22
Writing comments on <p></P> or paragraph 2 12
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question