Question

我的测试wordpress网站上的语言标记有问题：http://www.multisite.jecool.net/

我将此代码粘贴到header.php：

<div style="position: relative;">
<a href="http://www.multisite.jecool.net"><img style="position: absolute; top: 15px; left: 1700px; z-index: 10; width: 26px; height: 15px; border: none;" title="Čeština" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/cz_flag.gif" alt="Čeština" /></a>
<a href="http://www.multisite.jecool.net"><img style="position: absolute; top: 15px; left: 1730px; z-index: 10; width: 26px; height: 15px; border: none;" title="English" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/en_flag.gif" alt="English" /></a>
<a href="http://www.multisite.jecool.net"><img style="position: absolute; top: 15px; left: 1760px; z-index: 10; width: 26px; height: 15px; border: none;" title="Deutsch" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/de_flag.gif" alt="Deutsch" /></a>
</div>

旗帜还可以，但位置很奇怪。当我在桌面电脑上打开2个不同的监视器=标志不在同一个地方=它在某种程度上取决于监视器的大小。在24“显示器或29”显示器上。我希望将这些标志放在一个地方，并且必须在不同的显示器上同样好看。在手机上，这些标志可以制作出白色背景的更大网页。

有人可以给我小费或帮忙吗？我只想看到3个旗帜并放置在同一个地方，就是这样。我认为这将是微不足道的，但没有:-)。抱歉我的英语不好。

Answer 1

放置你的旗帜（注意css的变化）

<div style="position: absolute; top: 10px; right: 10px; z-index: 10;">
 <a href="http://www.multisite.jecool.net"><img style="float: left; margin-left: 10px;" title="Čeština" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/cz_flag.gif" alt="Čeština" /></a>
 <a href="http://www.multisite.jecool.net"><img style="float: left; margin-left: 10px;" title="English" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/en_flag.gif" alt="English" /></a>
 <a href="http://www.multisite.jecool.net"><img style="float: left; margin-left: 10px;" title="Deutsch" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/de_flag.gif" alt="Deutsch" /></a>
</div>

进入标题部分：

<header id="masthead" class="site-header" role="banner">
//flags here...

语言标志位置 - 在手机上查看不好

1 个答案: