Переместить текст рядом с логотипом; избавиться от жесткого правила

Question

Вот сайт: www.red-tuxedo.com

Я хочу, чтобы текст «Красный смокинг» располагался рядом с логотипом, а не под ним, и я хочу избавиться от этого жесткого правила, которое распространяется на логотип. Мои навыки CSS / HTML не до этого. Я полностью уничтожаю макет столбца, когда меняю текст, и не могу найти в коде жесткое правило. Попробовал настроить GIF (обрезать дно в Photoshop), и это не помогло.

Я написал человеку, который создал шаблон; не слышал через несколько дней. Хотелось бы исправить это, прежде чем я начну добавлять другие страницы.

ТНХ

Answer 1

Одним из способов является перемещение логотипа внутри #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 2

Чтобы переместить текст, я бы поместил изображение в logo div, как предложил dmondark. Что касается жесткого правила, это часть фонового изображения для тела, bg.gif. Вот отредактированная версия, в которой ее нет.

Answer 3

Попробуйте изменить div (id = logo), чтобы оно включало изображение логотипа и текст, и добавьте 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>