Latest Lists

Style sheet or HTML question?

Okay...I have my blog (which I love) and it looks very professional. However, I would like to make it a little more easy to navigate by using buttons at the top of the page where the links are listed. The links (which are set to open in a new window) are in a list form with bullets; however, I would like them to be more like buttons across the top. Here is my blog: http://splendidwicks.blogspot.com/ Here is an example of links in the form of buttons: http://hiphophunger.blogspot.com/ I would like to do something similar; however, with a different font and border color. I'm not sure if it is a style sheet issue, or if there is some code that I can add to the links list that will allow my links to appear in the form of a button. Any assistance you could provide would be greatly appreciated!! Thanks! I'll try some of that. I think I can find the position by looking at the source code of the other page. I'll give it a try.

Public Comments

1. Yes this would be CSS fix. Let me know if you need or want more detail on the positioning part. You can also control the roll-over color effect or other effects as well. Do something like this: (you will need to work on the positioning of each element.) <style type="text/css"> . button { font-family: verdana; /* or whatever font you want */ border: 2px solid #00000; } </style> <div class="button"><a href="">Link 1</a></div> <div class="button"><a href="">Link 2</a></div> <div class="button"><a href="">Link 3</a></div> <div class="button"><a href="">Link 4</a></div> You don't have to use <div> elements for each if you don't want. You could give each <a> element the class selector.: <a href="" class="button">Link 1</a>