在左侧和同一行上移动徽标

-2

我想将徽标移动到网站标题和描述的左侧。我有谷歌搜索引擎优化调整重新定位的标志，但它没有奏效。我几乎没有关于CSS的知识。在左侧和同一行上移动徽标

有没有人可以帮助我吗？该网站是www.cebubibleseminary.com

2014-07-25 Suarez Kenjie

显示你已经尝试过的请。 –

你好，欢迎来到堆栈溢出。我希望这有助于

CSS修复

.site-intro .avatar { 
width: 104px; 
float: inherit; 
}

这是怎么会照顾 enter image description here

来源

2014-07-25 16:13:49 Beep

@哔哔。非常感谢你的帮助。有没有什么办法可以使徽标更接近第一个字母（C）？高度曾经是大约400px，但现在它降低到大约200px，这是可以理解的，因为我们在那里删除了标识。有什么方法可以保持身高？ –

当然，只需改变CSS即可。我可以帮助我空地。 – Beep

它不起作用的原因是标题自动创建新行。这个网站没有类似的东西：

palyrobotics.com

请与风格的标题“显示：内联;”。请参阅下面的例子：

<img src="/assets/img/logos/main_logo.png" width="100" height="50"> 
<div class="show-for-small-only"> 
    <h2 style="display:inline; margin-left:-10px;">Paly Robotics</h2> 
</div>

你会做：

<a href="http://www.cebubibleseminary.com/" title="Cebu Bible Seminary Inc." rel="home" class="site-intro"> 
    <img alt="Cebu Bible Seminary Inc." src="http://0.gravatar.com/avatar/cc3b29587548d89dfb16b15223a18995?s=256&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D256&amp;r=G" class="avatar avatar-256 photo" height="256" width="256"> 
    <h1 class="site-title" style="display:inline;">Cebu Bible Seminary Inc.</h1> 
    <h2 class="site-description"></h2> 
</a>

这应该工作。 LMK如果没有。

来源

2014-07-25 16:13:23 42mileslong

你有标签错了。这应该是一个CSS问题。

要解决您的问题只需将内容放在2个div。例如，应用样式属性float left和float right。如果你想让它们对齐，使用属性宽度。举例：

<div style="float:left; width:300px;"> 
    <img alt="Cebu Bible Seminary Inc." src="http://0.gravatar.com/avatar/cc3b29587548d89dfb16b15223a18995?s=256&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D256&amp;r=G" class="avatar avatar-256 photo" height="256" width="256"> 
</div> 
<div style="float:right"; width:800px;>   
    <h1 class="site-title">Cebu Bible Seminary Inc.</h1> 
    <h2 class="site-description"></h2> 
</div>

来源

2014-07-25 16:21:35

在左侧和同一行上移动徽标

回答

相关问题