Добавление логотипа и другого изображения в заголовок

Я пытаюсь добавить логотип в заголовок, но когда я его добавлю, он сдвигает адрес электронной почты и номер контакта (они также в заголовке) вниз.Добавление логотипа и другого изображения в заголовок

Как исправить это? Я использую простую функцию img для добавления логотипа в заголовок.

И еще я хочу показать небольшой значок электронной почты и маленький значок телефона перед адресом электронной почты и номером телефона в заголовке.

Как это сделать?

А также я не хочу, чтобы это фоновое изображение отображалось на всей странице. Он должен занимать только 1/4 страницы. Что я могу сделать, чтобы сделать это возможным?

<header id="big"> 
<img src="capture.png"/> 

<style type="text/css"> 
    body{ 
    background-image: url(ny.jpg);} 

</style> 
    <h3>[email protected] +123-456-789 <h/3> 

</header>

Мой CSS:

#logo{ 
     display:inline-block; 
}

источник

2014-02-01 Musadiq Khan

Можете ли вы разместить свой код или ссылку на свою страницу? –

И вы можете разместить свой CSS, тоже – MarshalSHI

, пожалуйста, добавьте скриншот, как он выглядит? – DhruvJoshi

Смотрите также это: - http://jsfiddle.net/9wa8j/1/

Вы сказали, что вы хотите что-то подобное изображение и текст, примыкающей к нему. Правильно? Так, в соответствии с тем, что я понял, я пытался что-то вроде этого: -

.s{ 
display:inline-block; 

}

Проверить эту ссылку: - http://jsfiddle.net/9wa8j/

источник

2014-02-01 09:27:53 user2804021

Не работает. Проверьте мой снимок экрана. –

Проверьте это сейчас: - http://jsfiddle.net/9wa8j/2/ – user2804021

http://jsfiddle.net/9wa8j/3/ Вы можете изменить margin-top: 0px; в соответствии с вашими потребностями, и ваша проблема, безусловно, будет решена. Сообщайте, работает ли он. – user2804021

See, чтобы добавить небольшие электронной почты и телефон иконки просто сделать небольшой поиск Google для изображение скопирует его ссылку и вставляет ее в источник изображения. Отрегулируйте размер изображения согласно вашему требованию.

height:30px; 
    width:30px;

Проверить эту ссылку, я добавил значок изображения http://jsfiddle.net/9wa8j/4/

PS: - Dont пугаются, видя код. Так как он содержит URL-адрес изображения, поэтому его слишком долго.

источник

2014-02-01 11:27:02 user2804021

Сообщите, работает ли он для вас. – user2804021

Добавление логотипа и другого изображения в заголовок

ответ

Смежные вопросы