Borders on images and shapes

Question

How do I create a border for boxes and images in Expression Design 4?

Answer 1

Use CSS

See tutorial at http://w3schools.com

 

Example (using inline styles):

<p style="width:200px;margin:1em auto;border:1px solid red;">

<img src="pic.jpg" alt="a sample image" width="100" height="50" style="margin:10px;border:2px ridge green;">A paragraph with red border including green bordered image</p>

 

There are other tutorials and learning resources listed in the forum FAQ (one of the sticky threads at the top of the forum) direct link is

http://social.expression.microsoft.com/Forums/en-US/web/thread/7fd16fa3-1944-4522-8848-a6a2926a253b

 

---

Ron Symonds
Microsoft MVP (Expression Web)

www.rxs-enterprises.org/fp

Answer 2

The same way you do any presentation using CSS.

.myborders {border: 1px solid #000;}

Will give you a 1 pixel wide solid black border. Change the size, type and color to what you want.

<div class="myborder"><p>Whatever text here.</p></div>

Apply the class to the photos you want with a border and leave it off those you don't.

---

Free Expression Web Tutorials
For an Expression Web forum with without the posting issues try expressionwebforum.com

Answer 3

Cheryl:

I meant to ask if Expression Design itself has a feature where a border can be placed around either a jpeg file or a within the space of a Design File? I beleive the instructions above are for when you imprt the file into a web page.

Answer 4

Whoops- missed Expression _Design_ 4

 

This forum is for Web. You should post in the Design forum -

http://social.Expression.microsoft.com/Forums/en-US/design/threads

 

---

Ron Symonds
Microsoft MVP (Expression Web)

www.rxs-enterprises.org/fp

Answer 5

EW's 'New Style' dialog can help you with this.

Select the item you want to create a border for, hit 'New Style' in the 'Apply Styles' panel and then select 'Border' from the 'Category' list. It gives you both a preview of the style you're creating and shows the style being built up as you alter parameters.

When you've finished don't forget to hit 'Apply' other wise the style won't get added to the item itself.

HTH

---

Ian Haynes

EW - V4 Add-Ins
EW - Resources, hints and tips
EW - Design for the Mobile Web
expression(web.blog)

Answer 6

Sorry, I wasn't expecting an Expression Design question in this forum so took it as an Expression Web question. Ron's already pointed you to the correct place for Expression Design questions.

---

Free Expression Web Tutorials
For an Expression Web forum with without the posting issues try expressionwebforum.com