|
Design is looking cool.
I like the header image.
It's not really a traditional css menu. Using <ul><li> tags is considered better practice. They're a little easier to maintain. And easier to style when you get comfortable with css.
HTML tables and data cells contain a lot of default styling from the browsers. They're designed to display a table of data, similar to an excel spreed sheet. The list item (li) is design to be inside a <ul> (unordered list) or a <ol> (ordered list), and both of these are, by default expected to hold a list of items. Which is closer to a menu, for this reason, you're meant to get SEO benefits from menus encased in li tags.
But you're close with what you had. And if you're not fussed, you could try wrapping each link in a data cell. A great thing about table rows <tr> is that by default they're displayed horizontally.
So
<table><tr><td> LINK </td><td> LINK </td><td> LINK </td></tr></table>
Would create a horizontal menu.
If you replace your body tags with the following code you'll get something that works.
<body class="Web_BG">
<div class="Tbl_Top">
<table style="margin: 0px auto; position: relative; top: 150px;">
<tr>
<td >
<a href="#" class="WC_Btn"></a>
</td>
<td>
<a href="#" class="PF_Btn"></a>
</td>
<td>
<a href="#" class="SV_Btn"></a>
</td>
</tr>
</table>
</div>
</body>
There is some inline css you may want to rip out and place in an external css file.
Hope that helps.
|