Okay, so Im re-designing my site in GoLive (I've been using it for years, but am new to CS2) and am running into some strange problems.
First of all, links inside layers dont work. For instance, this page should link to this page via the little grey arrow. Here is my HTML:
The other strange problem (although I like it, I just cant seem to re-create it) is that one page magically decided to have green mouse-overs on the top navbar.
I am so lost/aggrivated/confused/.
Help?
PS, you might notice the grey arrow is a little off center, but in go-live is perfect. What????
First of all, links inside layers dont work. For instance, this page should link to this page via the little grey arrow. Here is my HTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Film</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen"><!--
#layer1 { background-image: url(pix/treeclouds.gif); height: 600px; width: 800px; left: 140px; top: 60px; position: absolute; visibility: visible; }
#layer2 { background-image: url(objects/box2.png); height: 500px; width: 210px; left: 0; top: 0; position: absolute; visibility: visible; }
--></style>
</head>
<body bgcolor="#6e6e6e" text="#d6d6d6" link="#404040" vlink="#404040" alink="#404040">
<div id="layer1">
<div style="position:relative;width:800px;height:601px;-adbe-g:p;">
<div style="position:absolute;top:0px;left:0px;width:16px;height:16px;-adbe-c:c">
<div id="layer2">
<div style="position:relative;width:210px;height:498px;-adbe-g:p;">
<div style="position:absolute;top:16px;left:16px;width:80px;height:48px;-adbe-c:c">
<font face="Skia"><font size="5">Limbo</font></font></div>
<div style="position:absolute;top:16px;left:96px;width:32px;height:32px;">
<a href="limbo.html"><img src="objects/arrow.png" alt="" width="32" height="32" border="0" /></a></div>
</div>
</div>
</div>
</div>
</div>
<div style="position:relative;width:1057px;height:735px;-adbe-g:p;">
<div style="position:absolute;top:16px;left:336px;width:400px;height:49px;-adbe-c:c">
<font size="5" color="#a6a6a6" face="Skia"><a href="film.html">Film</a><a href="music.html">Music</a></font><font size="5" color="#a6a6a6" face="Skia"><a href="photography.html">Photography</a></font><font size="5" color="#a6a6a6" face="Skia"><a href="contact.html">Contact</a><a href="index.html">Home</a></font></div>
</div>
<p></p>
</body>
</html>The other strange problem (although I like it, I just cant seem to re-create it) is that one page magically decided to have green mouse-overs on the top navbar.
I am so lost/aggrivated/confused/.
Help?
PS, you might notice the grey arrow is a little off center, but in go-live is perfect. What????