My site is very simplistic but I refuse to "go fancy" until I understand every step of what I'm doing first. I don't want to copy html from other sites if I can't understand all of it. "Fancy" will come later, I hope
I'm having trouble with my nav bar. I can't see how to move the various links further apart from each other.
This is the code I have used in the CSS:
div.navigation
{
height:50px;
padding:0.5em;
background-color:#87870D;
color:#FFF6E6;
}
I have a page called navigation.php and this is the code:
<a class="navigationtext" href="../index.htm">Home</a> |
<a class="navigationtext" href="../railway-trip-ghan.htm">The Ghan</a> |
<a class="navigationtext" href="../railway-trip-trans-siberian.htm">Trans Siberian</a> |
<a class="navigationtext" href="../travel-information.htm">Travel Information</a> |
<a class="navigationtext" href="../useful-contacts.html">Useful Contacts</a> |
<a class="navigationtext" href="../travel-journals-blogs-articles">Travel Journals</a>
This is the code I have on the actual page:
<div class="navigation">
<p style="text-align: center;"><?php include ("navigation.php"); ?></p>
</div>
When I look on the page in design mode the links are there but they are jammed up together too much. How can I separate them please?
I'm having trouble with my nav bar. I can't see how to move the various links further apart from each other.
This is the code I have used in the CSS:
div.navigation
{
height:50px;
padding:0.5em;
background-color:#87870D;
color:#FFF6E6;
}
I have a page called navigation.php and this is the code:
<a class="navigationtext" href="../index.htm">Home</a> |
<a class="navigationtext" href="../railway-trip-ghan.htm">The Ghan</a> |
<a class="navigationtext" href="../railway-trip-trans-siberian.htm">Trans Siberian</a> |
<a class="navigationtext" href="../travel-information.htm">Travel Information</a> |
<a class="navigationtext" href="../useful-contacts.html">Useful Contacts</a> |
<a class="navigationtext" href="../travel-journals-blogs-articles">Travel Journals</a>
This is the code I have on the actual page:
<div class="navigation">
<p style="text-align: center;"><?php include ("navigation.php"); ?></p>
</div>
When I look on the page in design mode the links are there but they are jammed up together too much. How can I separate them please?