Image insted of Text
Hi,
how can I use Images insted of TEXT links? I want to create a navigation of little social network iamges, like twitter, myspace etc.
thanks for help,
denis
Hi,
how can I use Images insted of TEXT links? I want to create a navigation of little social network iamges, like twitter, myspace etc.
thanks for help,
denis
To set the menu items as images, you will have to set up class items for the menu items you want the images to be for and then add the background-image into the css for that particular class.
For example, if my menu looks like this, I have added the link1 class to the Item 1 menu:
<ul class="level-0" id="cssmw">
<li class="parent"><a class="link1" href="#">Item 1</a>
<ul class="level-1">
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
<li><a href="#">Sub Item 3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
In my css file I have added this:
ul#cssmw > li > a.link1 {
background-image:url(img.jpg);
}
to get the background image to show up.
It sure would be great if this option was available through the wizard... any future plans on making this part of the program?
A feature request has been logged for this, so it may be added in a future release.
Jimmy,
THNAKS!
and PLEASE
sperate Rulers between the links.
for example: link ruler link ruler link ruler link :-)
AND
stretch navigation over a fixed width. just look the LIKNO.com navigation :-)
Denis
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.