ロゴの横にテキストを移動します。ハードルールここ

Question

を取り除くことは、サイトの：www.red-tuxedo.com

私は「赤いタキシード」のテキストではなく、以下のロゴ、隣に座ってしたい、と私は硬いものを取り除きたいですロゴを通るルール私のCSS/HTMLスキルはそれに依存しません。テキストを変更すると列レイアウトが完全に破棄され、コード内で厳しいルールが見つからない。 GIFを調整しようとしましたが（Photoshopの下部を切り取った）、それは助けになりませんでした。

テンプレートを作成した人に書きました。数日後に聞いたことがない。私はより多くのページを追加する前にこれを修正したいと思います。

Answer 1

THXは、ロゴ画像およびテキストを含むようにDIV（ID =ロゴ）を変えてみて、画像にalign='absmiddle'を加えます。私はCSSを提案したいと思いますが、とにかく属性が固定されているようです。 "ルール"は、body要素の背景イメージから来ているように見えます。変更するにはファイルbg.gifを更新する必要があります。

<div id="logo"> 
    <img id="logo_red_tuxedo" src="logo_red_tuxedo.gif" 
     alt="Red Tuxedo Logo" align="absmiddle" height="60" width="60"> 
    <span class="red">Red</span>Tuxedo 
</div> 

Answer 2

一つの方法は、#logo divの中にロゴを移動することです：

<div id="header-logo">   
    <div id="logo"><img height="60" width="60" alt="Red Tuxedo Logo" src="logo_red_tuxedo.gif" id="logo_red_tuxedo"/><span class="red">Red</span>Tuxedo</div>    
    <form action="#" class="search" method="post"> 
     <p><input type="text" class="textbox" name="search_query"/> 
     <input type="submit" value="Search" class="searchbutton" name="search"/></p> 
    </form> 
</div> 

Answer 3

テキストを移動するには、私はlogoのdiv内の画像を置くところ、道のdmondarkが示唆されました。ハードルールはボディの背景画像の一部ですbg.gif。 Here's私はそれを持っていない編集したバージョン。