Php Dreamweaver中的故障图像映射

Php Dreamweaver中的故障图像映射,php,css,xhtml,dreamweaver,imagemap,Php,Css,Xhtml,Dreamweaver,Imagemap,Dreamweaver通常很容易进行图像映射,但我似乎无法让图像映射工具使用十字准线。我有CS5.5版本 <html> <head> <div id="top-header"> <div align="center"> <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" margin="20"> <tr>

Dreamweaver通常很容易进行图像映射,但我似乎无法让图像映射工具使用十字准线。我有CS5.5版本

<html>
<head>

<div id="top-header">
<div align="center">
  <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" margin="20">
    <tr>
      <div id="top-image"><img src="pics/TopHeader.jpg"></div>
    <tr>
      <div id="nav-bar"><img src="pics/NavBar.jpg" name="NavBar" border="0" usemap="#NavBarMap" id="NavBar"></div>
      </div>
      </div>
      </div>
      </table>
</head>
</html>

基本上,我只是尝试在设计窗口中单击NavBar.jpg文件,获取矩形映射光标,然后开始制作贴图。为了进一步说明,这是一个header.inc.php文件,我正在使用它包含在网站的所有页面中。每次单击图像时,它都会在拆分屏幕上突出显示表格代码


你能不能在一个表中不使用图像映射?我使用表格是为了对齐,所以如果可能的话,我想把它放在那里。谢谢。

我不太确定您在导航中的拍摄目的,但是您可以通过多种不同的方式使用CSS完成整个拍摄过程。它将更容易创建,如果您发现需要,以后也更容易更改

如果您以前没有在css中创建过导航,此列表将帮助您涵盖很多方面:

编辑:


该网站还提供了一些很好的教程来消除任何混淆:

您不使用css来实现这一点有什么特别的原因吗?我只是觉得使用Dreamweaver功能更容易获得矩形坐标。实际上,我正在使用div重新设计,并在此时删除代码中的所有表。它可能会把事情弄清楚。