阿尔捷姆·格列别纽克的网站

我决定将我网站的所有主题化问题集中在一个主题中。

我是在Vkontakte上被推荐来这里寻求建议的。

直接进入正题：

我在Drupal中进行主题化，Page.tpl.php创建没有问题。

在 Node.tpl.php中出现了一些障碍。

那么给定的是：

Css 

.node#wrapper{width:720px; margin:0 auto;}
.node#title{height:20px; width:720px; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#37B700;}
.node#title::first-letter{text-transform:uppercase} 
.node#title a{color:#37B700; text-decoration:none;}
.node#title a:hover{color:#37B700; text-decoration:underline;}
.node#posttitle{height:10px; width:720px; font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#AAA;}
.node#posttitle::first-letter{text-transform:uppercase}
.node#posttitle a{text-decoration:none}
.node#posttitle a:hover{text-decoration:underline}
.node#img{float:left; margin-right:5px;margin-bottom:5px; border:ridge 2px #CCC}
.node#comments{display:block; width:50px; height:60px; float:right; margin-left:5px; margin-bottom:5px; background:url(images/comment.png); font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:24px; text-decoration:none; text-align:center;}
.node#comments p{ margin-top:13px;}
.node#more{background-image:url(images/more.png);display: block;float: right;height: 28px;line-height: 24px;margin-left: 5px;font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px;text-decoration:none; text-align:center;width: 85px;}
.node#content{width:720px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;}
.node#post{width:738px; height:8px; margin-left:-8px; background:url(../images/postnode.png); clear:both; margin-top:35px; background-repeat:repeat-x; margin-bottom:6px;}
.node#tagsnode{float:left; margin-top: 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.node#tagsnode a{color:#37B700; text-decoration:none;}
.node#tagsnode a:hover{color:#37B700; text-decoration:underline;} 

Html

<div class="node" id="wrapper">
<div class="node" id="title">简单文本 <a href="#">链接</a></div>
<div class="node" id="posttitle">简单文本 <a href="#">链接</a></div>
<hr width="100%" size="3">
<div class="node" id="img"><img src="logo.png" /></div>
<a href="#" class="node" id="comments"><p>56</p></a>
<div class="node" id="content">全球互联网由数百万个分布在世界各地的网络服务器组成。网络服务器是运行在连接到网络的计算机上的程序，使用HTTP协议传输数据。在最简单的形式下，这种程序通过网络接收对特定资源的HTTP请求，找到本地硬盘上的相应文件，并将其发送到请求的计算机。更复杂的网络服务器能够动态分配资源以响应HTTP请求。为了在万维网上标识资源（通常是文件或其部分），使用统一资源标识符URI（Uniform Resource Identifier）。为了确定资源在网络中的位置，使用统一资源定位符URL（Uniform Resource Locator）。这些URL定位符结合了URI标识技术和域名系统DNS（Domain Name System）——域名（或直接的IP地址）包含在URL中，以表示执行所需网络服务器代码的计算机（更准确地说，是其网络接口之一）。
为了查看从网络服务器获取的信息，客户端计算机上使用专门的程序——网页浏览器。网页浏览器的主要功能是显示超文本。万维网与超文本和超链接的概念密不可分。网络上的大部分信息实际上就是超文本。为了方便在万维网上创建、存储和显示超文本，传统上使用HTML语言（HyperText Markup Language），即超文本标记语言。超文本的标记工作称为排版，排版的专家称为网页设计师或网页管理员（不带连字符）。经过HTML标记后，生成的超文本被放入文件中，这样的HTML文件就是万维网的主要资源。当HTML文件可供网络服务器访问时，它就被称为“网页”。一组网页构成一个网站。在网页的超文本中添加超链接。超链接帮助万维网用户轻松在资源（文件）之间移动，无论这些资源是在本地计算机上还是在远程服务器上。网络的超链接基于URL技术。</div>
<div><div class="node" id="tagsnode">标签: <a href="#">标签一</a>, <a href="#">标签二</a>, <a href="#">标签三</a></div><a href="#" id="more" class="node">更多信息</a></div>
<div class="node" id="post"></div>
</div>

这就是它的样子 

接下来我将集成到Drupal中：Css保持不变，而这是Node.tpl.php（到目前为止还没到显示评论等的地方）

 







更多信息

这是在网站上的显示方式 

问题一！如何去掉多余的 div 导致的这个间距？

问题二！如何将“tags”替换为“тэги”，并且它们在一行中，每个后面都有逗号？

P.s.    在回答中请解释修改代码时执行了哪些操作，以便我以后能自己解决类似的问题！

P.p.s 注册时有趣的验证码，您能告诉我在哪里可以找到吗？

P.p.p.s 如何在将代码插入主题后再次以普通文本输入，而不是关闭可视化并移动标签。

P.p.p.p.s 管理员请稍微调整一下“您好，Login”字段，在逗号后加个空格！

此致，Гребенюк Артем