Simple CSS Image Gallery
Looking for a simple way to display multiple images on your website? The source code below will allow you to display four thumbnail images surrounded by a thin blue border. Simply substitute the image source and target with your own information.
<html>
<head>
<style type=”text/css”>
div.img
{
margin: 2px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
div.img a:hover img
{
border: 1px solid #0000ff;
}
div.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}
</style>
</head>
<body>
<div class=”img”>
<a target=”_blank” href=”klematis_big.htm”>
<img src=”klematis_small.jpg” alt=”Klematis” width=”110″
height=”90″ />
</a>
<div class=”desc”>Add a description of the image here</div>
</div>
<div class=”img”>
<a target=”_blank” href=”klematis2_big.htm”>
<img src=”klematis2_small.jpg” alt=”Klematis” width=”110″
height=”90″ />
</a>
<div class=”desc”>Add a description of the image here</div>
</div>
<div class=”img”>
<a target=”_blank” href=”klematis3_big.htm”>
<img src=”klematis3_small.jpg” alt=”Klematis” width=”110″
height=”90″ />
</a>
<div class=”desc”>Add a description of the image here</div>
</div>
<div class=”img”>
<a target=”_blank” href=”klematis4_big.htm”>
<img src=”klematis4_small.jpg” alt=”Klematis” width=”110″
height=”90″ />
</a>
<div class=”desc”>Add a description of the image here</div>
</div>
</body>
</html>
Courtesy of:
Website Consultant: The Business of Your Business
We are beginning to see an increase in the number of individuals and businesses that are making their presence known online. The types of goods and services being offered runs the gamut from artists to engineers to stores offering every type of item you could imagine. Most of these people are in the business of running their business and not website design and marketing.
For the most part, these individuals and businesses have little or no experience in building a website, adding content or search engine optimization. To assist them, they often turn to third party solutions such as web developers and search engine optimization gurus. Companies such as Google and Yahoo are there to provide marketing solutions through such services as sponsored search and pay per click campaigns. Additionally, there are other companies that offer to assist them in making their sites more secure and “hacker safe”.
Let’s face it, it can be daunting trying to figure out just what you need to launch a successful presence online, be it a website offering services or an ecommerce site selling goods. Doing a simple search on such topics as website design or search engine optimization will pull up thousands of results. Where to begin? How much do I pay? Who is reputable?
There is no way around it, when you decide to seek the help and services offered by these companies you are entering into an intimate business relationship. You want to find someone that can both work within your budget while at the same time provide you with the solutions specific to your needs. And on top of it all you need to have trust and confidence in their ability to do the job.
An often overlooked resource is the website consultant. Like a traditional business consultant, a website consultant can assist you with a variety of tasks such as choosing the right web developer or assisting in marketing and search engine optimization. Many website consultants, such as myself are able to assist directly with website design and content creation as well as search and marketing. The real value in working with a website consultant is the fact that they are savvy in many different areas and if they are unable to assist you directly then you can trust them to provide you with recommendations and referrals.
On a daily basis I find myself helping clients with such things as editing web pages and offering design tips and advice right on up to consulting with them on issues such as branding and copywriting. I am not an all in one resource but even when I do not have the answer, my years of experience in this field allows me to easily direct clients to resources online for the DIY types or I can advise them on which path they should take when looking for a third party developer.
As with everything in life, advice is not always free but most website consultants are able to work within your budget or find someone that can do the work needed within your budget.
One thing to watch out for is the quick fix or guaranteed result. Some things you can measure the value of immediately, such as the visual design and layout of your website or checking to make sure all of the pages function, but other things like marketing campaigns and search engine optimization take time to measure and even if they are successful there is no formula that will guarantee that you will always be the top ranked or most visited site on the internet. Your goal should be to develop a stable website or online store that draws in consistent hits and page views and to realize that online marketing is no different than brick and mortar stores, sales always draw crowds but those crowds do not always linger or turn into repeat sales. But if you learn the tricks of the trade then in time you will become the master of your own destiny, and this is where the website consultant can help you the most. By helping you develop the skills needed to help yourself.
Website Design/Graphic Design: Self Promo
Yes, it is a shameless plug but if you are in need of website design or graphic design services then check out my website. I offer a wide range of website and graphic design services, everything from designing a complete website or logo, to custom navigation and web buttons. I offer reasonable rates and fast turnaround times.
I.Viddy Designs
Photoshop: Web 2.0 Button
Add some zing to your tired old website with the help of Photoshop. Create your own custom navigation and link buttons quickly and easily.
Yahoo! Store Editor Tip: Adjusting Page Width
If you are a Yahoo! Merchant Solutions customer who is using the Store Editor tool to design your storefront and are looking for an easy way to increase the page width of your template then here you go.
Start by clicking on the Contents button in Advanced Editor mode and then select css-edits. On the css-edits page you will click the Edit button and under Object Properties you will paste the following code into the Css-text window:
#bodycontent {
float:right;
width:874px;
}
#container {
margin:0 auto;
text-align:left;
width:1024px;
}
By increasing or decreasing the width in both the #bodycontent and #container areas you can manipulate the width of every page in your chosen template. When you are happy with the results simply publish your changes. This is an easy CSS edit but be warned, when you choose to edit the CSS templates within Store Editor you will not be able to call or email Yahoo! Small Business Technical Support for help as this falls well outside of their support boundaries.
Visit I.Viddy Designs for more on customizing your Yahoo! Store. We can work within your budget to develop your store.
