PDA

View Full Version : Basic problems making link to work.


missj
05-12-2006, 03:06 PM
Hi there.
I am building my first project on Dreamweaver, which is an auction template for a family friend.
Anyways, I have yet to upload the images so it would come up as nada, which is fine now. The real thing I am concerned with is that when I set the navigation links to show as Trebuchet MS, it comes up in Dreamweaver as Time New Roman when I preview it.
Here is the code, hopefully the more experienced may be able to help me out.


<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:114px;
height:28px;
z-index:1;
left: 50px;
top: 24px;
}
.header-border {
border-top: dashed line;
border-width: 1px;
border-color: #FF66FF;
border-bottom: dashed line;
border-left: dashed line;
border-right: dashed line;
}
#Layer2 {
position:absolute;
width:101px;
height:28px;
z-index:1;
left: 39px;
top: 33px;
font: trebuchet ms;
font-size: 16px;
color: #FF33FF;
}
#Layer3 {
position:absolute;
width:122px;
height:23px;
z-index:2;
left: 178px;
top: 34px;
font: trebuchet ms;
font-size: 16px;
color: #FF33FF;
}
#Layer4 {
position:absolute;
width:100px;
height:24px;
z-index:3;
left: 40px;
top: 85px;
font: trebuchet ms;
font-size: 16px;
color: #FF33FF;
}
#Layer5 {
position:absolute;
width:109px;
height:24px;
z-index:4;
left: 183px;
top: 83px;
font: trebuchet ms;
font-size: 16px;
}
a {
font-size: 14px;
}
a:link {
text-decoration: none;
font: trebuchet ms;
font-size: 16px;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>

<body>
auctionheader.jpg
<div class="headernav" id="Layer5">
<div align="center">St<span class="headernav">ore Policies</span> (http://stores.ebay.com.au/moopie-auctions/store-policies)<span class="headernav"> </span></div>
</div>
<div class="headernav" id="Layer4">
<div align="center">FAQ's (http://stores.ebay.com.au/moopie-auctions/FAQs.html)</div>
</div>
<div class="headernav" id="Layer3">
<div align="center">Contact (http://stores.ebay.com/moopie-auctions/contact.html)</div>
</div>
<div class="headernav" id="Layer2">
<div align="center">Store Home (moopieauctions.com) </div>
</div>
</body>
</html>

Thanks in advance.

domedia
05-12-2006, 03:07 PM
you need quotes around font-family declarations if they contain spaces. Or just simply remove the 'ms' part.

missj
05-12-2006, 03:26 PM
OK. Thanks many.
I would try that in the morning (It's 1.25 am here in Sydney)

dthomsen8
05-12-2006, 06:17 PM
OK. Thanks many.
I would try that in the morning (It's 1.25 am here in Sydney)

I would suggest going with quotes, and at least one alternate specific font and then a default generic font. Otherwise, most browsers go to Times New Roman, because the users don't know they can change the default to something else.