asked on

What is the better way of creating buttons by using dreamweaver?

Hi Experts

I received a task of create buttons by using Dreamweaver.

I have poor knowledge of this tool.

The buttons I must create.

Could you give me a path on the better way of doing the task?

(You could suggest any other way in doing that if you like!)

Thanks in advance!

ASKER CERTIFIED SOLUTION

Loganathan Natarajan

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

sajayj2009

<ul id="creme">
<li><a>O QUE E</a></li>
<li><a>PPAIS</a></li>
<li><a>PNAE</a></li>
</ul>


<ul id="colored">
<li><a>O QUE E</a></li>
<li><a>PPAIS</a></li>
<li><a>PNAE</a></li>
</ul>

Open in new window

<style>
ul {list-style:none;}
ul li { display:inline-block; }
ul li a {padding:4px 10px;display:inline-block;font-weight:700;font-size:16px;}

ul#creme li a {background:#9e8c8c; color:#fff;}
ul#creme li a:hover {background:#ccc; color:#333;}

ul#colored li a {color:#fff;border:4px solid transparent;}
ul#colored li:nth-child(1) a {background:red;}
ul#colored li:nth-child(2) a {background:blue;}
ul#colored li:nth-child(3) a {background:green;}
ul#colored li a:hover {background:#c2c2c2; color:#333;border:4px solid #333;}
</style>

Open in new window

Hope that helps!

Eduardo Fuerte

ASKER

Very good alternative!

Eduardo Fuerte

ASKER

Sorry @sajayj2009

I didn't see your solution correctly. It's very good too. I'm going to be more attentious next time.