Question

由于我对此完全陌生，我会尽量保持清醒我的问题涉及我的按钮在我的移动页面上的位置基本上，对于每个页面，都有一个选项可以选择一个显示在页面标题左侧的图标。

如何更改下面的位置，以便在页面标题的右侧显示图标。不幸的是，我无法发布当前和理想情况的截图。理想情况下，我希望页面标题略微左侧。我希望如果没有截图，这仍然有意义。

if($page->buttonicon){
    $icon = "<img src=\"icons/".$page->buttonicon."\" style=\"position:relative;    top:33px\">";
}
else{
    $icon = "<img src=\"images/noicon.png\" style=\"position:relative; top:33px\">";
}

$menurow = "<li id=row_".$page->id." style=\"display:$rstyle\">$icon<a class=\"".$bs."\" href=\"".trim($page->url)."\" $target >".$page->title."</a></li>\n";

如果我可以说，引用我的另一篇文章并没有帮助我很多，因为我对此完全是新手，所以为了避免混淆 - 我需要使用/重写这个特定的代码..：）

任何帮助都非常受欢迎，提前谢谢!!

修改

CSS样式表似乎不会影响定位。似乎只为导航按钮的布局调用了CSS样式表。导航按钮内的图标与上面提到的第一个代码有关。

Answer 1

使用CSS，您可以浮动HTML元素示例：

float:left
float:right

如果这不起作用，请尝试将元素的位置设置为绝对并将元素物理地限制到位：

position:absolute;
margin: 10px, 10px, 10px, 10px

Answer 2

在您的代码中，插入图片：

if($page->buttonicon){
    $icon = "buttonicon."\" style=\"position:relative;    top:33px\">";
    }
    else{
    $icon = "";
    }

并插入标题：

$menurow = "id." style=\"display:$rstyle\">$iconurl)."\" $target >".$page->title."\n";

如果没有CSS干扰，您应该能够简单地切换这两个语句的顺序以获得所需的效果。

修改

感谢。像下面的代码？我试过（没有运气）：

if($page->buttonicon){ $menurow = "<li id=row_".$page->id." style=\"display:$rstyle\">$icon<a class=\"".$bs."\" href=\"".trim($page->url)."\" $target >".$page->title."</a></li>\n"; $icon = "<img src=\"icons/".$page->buttonicon."\" style=\"position:relative; top:33px\">"; } else{ $icon = "<img src=\"images/noicon.png\" style=\"position:relative; top:33px\">"; }

定位图标

2 个答案: