顯示標題內嵌徽標

試圖有一箇中心標題與低於然後在右側的口號我想顯示我的標誌。顯示標題內嵌徽標

任何幫助，不勝感激！

感謝喬治

<div id="titles"> 
<h1>Title</h1> 
<h2>This is the slogan</h2> 
<p><img id="logo" src="http://www.pressuredesigns.com/themes/pala/files/stacks_image_154.png"/></p></div>

來源

2013-02-28 George Reason

事情是[本]（http://jsfiddle.net/mowglisanu/xhRnG/3/） – Musa 2013-02-28 22:41:59

了細小的改動....這樣的事情：http://jsfiddle.net/xhRnG/7/？

HTML：

<div id="titles"> 
    <div> 
      <h1>Title</h1> 
      <h2>This is the slogan</h2> 
    </div> 
      <p><img id="logo" src="http://www.pressuredesigns.com/themes/pala/files/stacks_image_154.png"/></p> 
     </div>

CSS：

#titles 
{ 
text-align: center; 
} 

#titles div, #titles p 
{ 
    display: inline-block; 
}

來源

2013-02-28 22:42:05

I wrapped h1和h2在一個div內部，以便讓它們在一個塊級別上同時沿着p – 2013-02-28 22:54:31

做一個集中表是100％寬，三個單元：一個在中間包含您的標題，一個在右邊的標誌，和左邊的一個是空的。您需要左側的那個，以便您可以將標題集中在頁面上。

<div id="titles"> 
    <table width="100%" align="center"> 
     <tr> 
      <td width="20%"></td> 
      <td width="60%" align="center"> 
       <h1>Title</h1> 
       <h2>This is the slogan</h2></td> 
      <td width="20%"> 
       <img id="logo" src="http://www.pressuredesigns.com/themes/pala/files/stacks_image_154.png"/></td> 
     </tr> 
    </table> 
</div>

來源

2013-02-28 22:41:21 Floris

表應該被用來顯示錶格數據。定位頁面上的元素css是enougth – 2013-02-28 22:48:34

我不會和你爭論，並承認你有一點 - 我可以說在防禦上述唯一的事情是，表格與真正舊的瀏覽器一起工作... – Floris 2013-02-28 22:52:10

<div id="titles" style="text-align:center"> 
     <h1>Title</h1> 
     <h2>This is the slogan</h2> 
     <p style="float:right; position:absolute; top:0px; right:0px"><img id="logo" src="http://www.pressuredesigns.com/themes/pala/files/stacks_image_154.png"/></p> 
    </div>

來源

2013-02-28 22:41:48

這是做的一個方法：jsFiddle example

CSS

h1, h2 { 
    text-align:center; 
} 
#logo { 
    position:absolute; 
    right:0; 
}

HTML

<div id="titles"> 
    <p><img id="logo" src="http://www.pressuredesigns.com/themes/pala/files/stacks_image_154.png" /></p> 
    <h1>Title</h1> 
    <h2>This is the slogan</h2> 
</div>

來源

2013-02-28 22:43:04 j08691

更換SOMEWIDTH有一個很好的價值，並LOGOWITH您的徽標的寬度。然後用兩者的總和替換TOTAL_WIDTH;

<div id="titles" style="width: TOTAL_WIDTH; margin: 0 auto;"> 
    <div style="width:SOMEWITH; float:left;"> 
     <h1 style="text-align: center;">Title</h1> 
     <h2 style="text-align: right;">This is the slogan</h2> 
    </div> 
    <p style="width: LOGOWIDTH; float: right;"> 
     <img id="logo" src="http://www.pressuredesigns.com/themes/pala/files/stacks_image_154.png"/> 
    </p> 
    <br style="clear: both;" /> 
</div>

來源

2013-02-28 22:47:47 Sheric

我剛剛將第一個p更改爲div，這是一個錯誤：P 另外一個數字示例：TOTAL_WIDTH = 270px，SOMEWIDTH = 140px，LOGOWIDTH = 130px。 – Sheric 2013-02-28 23:04:18

顯示標題內嵌徽標

回答

相關問題