вопрос с картинками))

Проблема следующая: нарисовал лого к своему блогу и теперь хочу заменить им стандартное

[img]http://farm4.static.flickr.com/3416/3306074375_2a639cd9f5.jpg?v=0[/img]

но получается вот такое:

[img]http://farm4.static.flickr.com/3522/3306074419_4e311168b0.jpg?v=0[/img]

в коде плохо разбираюсь подскажите что нужно подправить, вот вырезка кода с шапки:

 <div id="container">
        <div id="wrapper">

            <div id="top">
                <div class="logo"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></div>

нужно чтобы получилось примерно так:

[img]http://farm4.static.flickr.com/3644/3306905386_7f704e8159.jpg?v=0[/img]

Всем зарание спасибо за ответы. Уже не раз выручаете.

Коментарии: 7

walaby

24.02.2009 17:50

Ответить

покажи описание в ксс класса logo

blooom

24.02.2009 18:59

Ответить

/***** TOP PAGE *****/
#top {
    height: 90px;
    padding: 0 25px;
      background: #F4F4EA url(images/bg.jpg) repeat-x 0 0;
}

#top .logo {
    width: 360px;
      height: 25px;
      float: left;
      clear: left;
      margin-top: 45px;
    margin-left: 20px;
      background: url(images/logo.jpg) no-repeat;
}

#top .logo a {
    display: block;
    width: 100%;
    height: 100%;
    color: #FF3399;
    font-size: 1.6em;
    padding-left: 50px;
    line-height: 25px;
}

#top .logo a:hover {
    color: white;
}

вот вроди это

walaby

24.02.2009 19:33

Ответить

#top .logo {
    width: 360px;
      height: 25px;
      float: left;
      clear: left;
      margin-top: 45px;
    margin-left: 20px;
      background: url(images/logo.jpg) no-repeat;

ну вот зайди в папку images в папке твоего шаблона и поменяй logo.jpg

blooom

25.02.2009 17:20

Ответить

изменил на размер логотипа, таким кодом

#top .logo {
    width: 360px;
      height: 54px;
      float: left;
      clear: left;
      margin-top: 60px;
    margin-left: 20px;
      background: url(images/logo.jpg) no-repeat;

тоесть поменял на 60 и 54 как размер моего лого, но вышло следующее

[img]http://farm4.static.flickr.com/3481/3309633868_c6f03a9619.jpg?v=0[/img]

а нужно [img]http://farm4.static.flickr.com/3644/3306905386_7f704e8159.jpg?v=0[/img]

похоже чтото не то поменял?

blooom

26.02.2009 16:46

Ответить

а что означают другие параметры, как: width: 360px и margin-left: 20px может проблема в них?

CMEPTHuk

27.02.2009 05:40

Ответить

установи параметр height равным высоте твоего лого;
добавь padding-top равным половине высоты лого – высоту букв подписи у лого (если сложно, опытным путём);
margin-bottom установи около 11px, это отступ от основного контейнера;
padding-left должен ровняться ширине лого + 15..20рх (это отступ подписи от лого)

по отступам вроде основное – всё. htmlbook.ru, товарисч, в зубы, и алга в ксс ))

blooom

28.02.2009 15:03

Ответить

сначало нечего не понял, то уже разобрался, огромное спасибо!!!

вопрос с картинками))

Свежее