Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript don'页上的链接;我好像不工作_Javascript_Html_Css - Fatal编程技术网

Javascript don'页上的链接;我好像不工作

Javascript don'页上的链接;我好像不工作,javascript,html,css,Javascript,Html,Css,首先也是最重要的一点,我想声明,我对php非常陌生 我正在使用XAMPP开发一个站点,我有一些代码可以将MySQL数据库中的值输出到php页面上。问题是,有些链接似乎不起作用。在浏览器中,它们作为链接不可见,当您将光标悬停在它们上方时,光标仍为箭头。我检查了源代码,一切似乎都很好。我一直在摆弄根文件夹中的.htaccess文件,如果这与此有关的话 //This link works just fine echo "<div class='catname'><a href='".

首先也是最重要的一点,我想声明,我对php非常陌生

我正在使用XAMPP开发一个站点,我有一些代码可以将MySQL数据库中的值输出到php页面上。问题是,有些链接似乎不起作用。在浏览器中,它们作为链接不可见,当您将光标悬停在它们上方时,光标仍为箭头。我检查了源代码,一切似乎都很好。我一直在摆弄根文件夹中的.htaccess文件,如果这与此有关的话

//This link works just fine
echo "<div class='catname'><a href='".ROOTLINK."$caturl' class='caturllink'>".$catname."</a></div> \n"; 

//These are not working
echo "<div class='cat_post main'> \n
<h1><a href='" . ROOTLINK . $posturl . "' class='cat_post_link' >".$title."</a></h1> \n
<a href='" . ROOTLINK . $posturl . "' ><img src='".ROOTLINK.$photourl."' /></a> \n
<p><a href='" . ROOTLINK . $posturl . "' class='cat_post_link' >".$text."</a></p> \n
<br class='clear' /> <!-- <<<<<<< VERY IMPORTANT --> \n
</div> \n";
CSS:

div.cat_post.main { display: block; border-bottom:2px solid #BE420E; padding-bottom: 15px; margin-bottom: 10px; }
div.cat_post.main img { width: 300px; height: 169px; background-color: #AAA; float: left; margin-right:10px;} 
div.cat_post.main p { float: right; width: 300px; height: 169px; margin: 0 10px 0; }
a.cat_post_link { color: #666666; }

.catname { background-color: #FFF68F; font-size: 24px; color: #BE420E;  margin-bottom: 10px; padding: 5px 5px 5px 10px; font-weight: bold;}
.caturllink { background: inherit; text-transform: uppercase; }

我意识到侧边栏中的结束标记不见了,重新添加后一切都恢复正常。简单但有害。

也许你应该展示你的CSS。听起来似乎与此有关,当然不是htaccess。PHP和MySQL都不是,这就是PHP输出的HTML吗?因为这是有效的和有效的HTML。如果我将其复制到一个空的html文件中,所有链接都可以正常工作(当然,除了本地主机上不存在目标位置)。在这种情况下,这是一个客户端问题(可能由CSS或JavaScript或其他原因引起),而不是服务器端问题(即PHP或.htaccess问题)。这么多CSS就足够了吗@putvande“问题是,有些链接似乎不起作用。在浏览器中,它们作为链接是不可见的”你到底是什么意思?它们可以点击吗?他们会把你带到正确的页面吗?“不作为链接可见”是什么意思?如果在页面加载时它们是可点击的,而不是在页面“完全”加载时,那么可能是Javascript问题。同样,您发布的代码工作正常,链接可以单击。你还有其他事情要做,你需要调试它。如果你不能把问题的范围缩小到目前为止,我们就帮不了什么忙。我还将从您的问题中删除一些不太可能的标签;例如,这与MySQL无关。谢谢你的耐心。
div.cat_post.main { display: block; border-bottom:2px solid #BE420E; padding-bottom: 15px; margin-bottom: 10px; }
div.cat_post.main img { width: 300px; height: 169px; background-color: #AAA; float: left; margin-right:10px;} 
div.cat_post.main p { float: right; width: 300px; height: 169px; margin: 0 10px 0; }
a.cat_post_link { color: #666666; }

.catname { background-color: #FFF68F; font-size: 24px; color: #BE420E;  margin-bottom: 10px; padding: 5px 5px 5px 10px; font-weight: bold;}
.caturllink { background: inherit; text-transform: uppercase; }