graphics
Microsoft Office TrainingThe UK's Number 1 for Microsoft Office Training add this page to your favourites/bookmarksBookmark page

view a printable version of this pagePrintable version
Customer: Sign in
Delegate: Sign in
Trainer: Log in

Forum home » Delegate support and help forum » Dreamweaver Training and help » Graphics

Graphics

The UK's most regular instructor-led training courses.
Training information: dreamweaver versus frontpage · Dreamweaver training · Adobe dreamweaver training

resolvedResolved · Low Priority · Version CS3

No ranking yet
8 posts
replyReplyThu 5 Mar 2009, 17:25Delegate Jo said...

Jo has attended:
Dreamweaver 8 Introduction course

Graphics

How do I set a graphic (small version of company logo) to be a bullet point?

Platinum
798 posts
replyReplyTue 10 Mar 2009, 10:46Trainer Rich said...

RE: Graphics

Hi Jo,

Thanks for your question. I hope you enjoyed the Dreamweaver training.

First of all, prepare your graphic, and upload it to your images folder on your server/hosting account.

Then, create some CSS, either in your global CSS styles, or in the document. (You can use Dreamweaver to do this). Here is the CSS code that should result:

ul .companylogo {
list-style-image: url("/images/bullet_logo.gif");
}

This assumes you have an image called 'bullet_logo.gif' in your /images folder.

Then, for the HTML, use:
<ul class="companylogo">
<li>First list item</li>
<li>Second list item</li>
</ul>

If you wanted ALL your bullet lists to use the image, take out the .companylogo part from the CSS style, and the class="companylogo" part from the HTML.

Let me know how you get on.

If this answer resolves your query, please mark the question as 'resolved' (see below). Otherwise, please post a follow-up response to this post, and I will assist you further.

Regards, Rich

Tue 17 Mar 2009: Automatically marked as resolved.


Related articles

· Better Website And More Sales With Less Expense
· From an Idea to a Website
· Give Your Website An Image Overhaul With Abode Dreamweaver
· Forming A Good Relationship With Your Customers
· A Brief Introduction To HTML Tags In Dreamweaver CS4

Please browse our web site to find out more about
dreamweaver versus frontpage and other Microsoft training courses.

Dreamweaver (adobe) tip:

Toggle panels on and off

Press the F4 key to toggle all the panels in Dreamweaver on or off. This gives you more editing and programming screen space.

View all Dreamweaver (Adobe) hints and tips


Rate this page:
2.1/5 (106 votes cast)
Institute of IT Training - Accredited Training Provider ILM
Microsoft Certified Partner
Microsoft Office Specialist Authorised Testing Centre (MOS and MCAS)

Prodigy Platinum Learning Partner

Institute of IT Training - Accredited Training Provider
McAfee Secure sites help keep you safe from identity theft, credit card fraud, spyware, spam, viruses and online scams
Association of Computer Trainers verified by visa, mastercard securecard