Как убрать логотип сайт из под H1

Тема в разделе "Верстка", создана пользователем Rassell, 22 сен 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. Rassell

    Rassell

    Регистр.:
    7 фев 2009
    Сообщения:
    288
    Симпатии:
    45
    Доброго времени суток! Хочу с логотипа сайта снять тег H1, но никак не получается этого сделать. Подскажите, что делать. Спасибо!
    Так выглядит код:
    <h1 class="logo"><a href="Перейти по ссылке"><img src="{THEME}/images/logo.png" title="Cайт" alt="Сайт" /></a></h1>

    DLE: 10.2
     
  2. kir9-molodoi

    kir9-molodoi

    Регистр.:
    31 май 2014
    Сообщения:
    250
    Симпатии:
    79
    не знаю что у вас там в css написано, но можно попробовать
    <div class="logo"><a href="Перейти по ссылке"><img src="{THEME}/images/logo.png" title="Cайт" alt="Сайт" /></a></div>
     
  3. Rassell

    Rassell

    Регистр.:
    7 фев 2009
    Сообщения:
    288
    Симпатии:
    45
    логотип съезжает в центр
     
  4. kir9-molodoi

    kir9-molodoi

    Регистр.:
    31 май 2014
    Сообщения:
    250
    Симпатии:
    79
    в стиль добавить
    .logo{
    position:relative;
    }

    .... ну а вообще гадать на кофейней гущи - дело не очень серьезное .
    Тут или ссылка на сайта или ни одного толкового ответа )
     
  5. Seregammx

    Seregammx

    Регистр.:
    15 май 2010
    Сообщения:
    311
    Симпатии:
    188
    Он и будет съезжать.
    тэг h1 в логотипе заменяем на div, как и писали
    и прописываем стили отдельно для h1, и для div .logo
    ну а какие стили нужно, и что убирать там лишние - пример смотреть надо.
    вот h1.logo и заменяйте.
    HTML:
    <h1 class="logo">My Company</h1>
    <style>
    h1.logo {
    display: block;
    width: 300px;
    height: 200px;
    background: url(images/logo.png) 0 0 no-repeat;
    text-indent: -20000px; }
    </style>
     
    Последнее редактирование: 22 сен 2014
    astass нравится это.
  6. Rassell

    Rassell

    Регистр.:
    7 фев 2009
    Сообщения:
    288
    Симпатии:
    45
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "Перейти по ссылке">
    <html xmlns="Перейти по ссылке" xml:lang="ru" lang="ru">
    <head>
    {headers}
    <link rel="search" type="application/opensearchdescription+xml" href="Перейти по ссылке" title="ZEOS" />
    <link rel="shortcut icon" href="{THEME}/images/favicon.ico" />
    <link media="screen" href="{THEME}/style/main.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="{THEME}/js/animatedcollapse.js"></script>
    <script type="text/javascript">
    animatedcollapse.addDiv('bannertop', 'fade=0,speed=200,persist=1')
    animatedcollapse.ontoggle=function($, divobj, state){
    if (divobj.id=="bannertop") //only react to these two collapsible DIVs
    document.getElementById(divobj.id+"-toggle").src=(state=="block")? "{THEME}/images/bannerhide.png" : "{THEME}/images/bannerhide2.png"
    }
    animatedcollapse.init()
    </script>
    <script language="JavaScript">
    <!--
    var height=0; var width=0;
    if (self.screen) {
    width = screen.width
    height = screen.height
    }
    else if (self.java) {
    var jkit = java.awt.Toolkit.getDefaultToolkit();
    var scrsize = jkit.getScreenSize();
    width = scrsize.width;
    height = scrsize.height;
    }
    //-->
    </script>
    </head>

    <body class="pagebg" OnLoad="display()">
    {AJAX}
    <a name="top"></a>
    <div class="wrapper toppad">
    <!-- HEAD -->
    <div class="tophead"><div class="dleft"><div class="dright">
    <h1 class="zeoslogo"><a href="#"><img src="{THEME}/images/zeoslogo.png" title="ZEOS" alt="ZEOS" /></a></h1>
    <div class="tophead_i1">
    <div class="blockinform"><div class="dleft"><div class="dright">
    <!-- ИНФОРМАЦИЯ О ПОЛЬЗОВАТЕЛЕ -->
    <div class="settings">
    <script language="JavaScript">
    d0 = new Date('may 23, 2009'); // Начальная дата, от которой отсчитываются дни
    d1 = new Date();
    dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
    document.write('<small>Наш сайт существует <font color="#0066bb">' + Math.round(dt) + ' дней<br></font></small>');
    if (width > 0 && height > 0) {
    document.writeln('Разрешение вашего монитора: ',width,'x',height,'<br>')
    } else {
    document.writeln('неизвестно<br>')
    }
    </script>
    Сегодня: <script src="{THEME}/js/date.js" type="text/javascript"></script>
    </div>
    <!-- END ИНФОРМАЦИЯ О ПОЛЬЗОВАТЕЛЕ -->
    <!-- BLOCKINFORM -->
    <div class="bicont" style="line-height: normal;">
    <table style="height: 79px;">
    <tr>
    <td style="vertical-align: middle;">
    {inform_dle}
    </td>
    </tr>
    </table>
    </div>
    <!-- END BLOCKINFORM -->
    </div></div></div>
    </div>
    <div class="tophead_i2">
    <span class="homebtn">
    <a href="#" class="hbmap"><img src="{THEME}/images/spacer.gif" title="Карта сайта" alt="Карта сайта" /></a>
    <a href="/index.php?do=feedback" class="hbfeed"><img src="{THEME}/images/spacer.gif" title="Контакты" alt="Контакты" /></a>
    <a href="/index.php" class="hbhome"><img src="{THEME}/images/spacer.gif" title="Главная" alt="Главная" /></a>
    </span>
    <!-- SEARCH -->
    <div class="searchbox">
    <form action="/index.php?name=search" name="seatchform" method="post">
    <div class="sinputt">
    <input type="hidden" name="do" value="search" />
    <input type="hidden" name="subaction" value="search" />
    <div><div>
    <input name="story" id="story" value="Поиск по сайту..." onblur="if(this.value=='') this.value='Поиск по сайту...';" onfocus="if(this.value=='Поиск по сайту...') this.value='';" type="text" />
    </div></div>
    </div>
    <div class="submit">
    <input class="btn" onmouseover="this.className='btnhover'" onmouseout="this.className='btn'" value="Поиск" type="image" src="{THEME}/images/spacer.gif" />
    </div>
    </form>
    </div>
    <!-- END SEARCH -->
    </div>
    </div></div></div>

    <!-- END HEAD -->
    <!-- MENU -->
    <div class="topmenu"><div class="dleft"><div class="dright">
    <a class="flink factive" href="/index.php" title="Главная"><b>Главная</b></a>
    <a href="/index.php?do=register" title="Регистрация"><b>Регистрация</b></a>
    <a href="/index.php?do=feedback" title="Контакты"><b>Контакты</b></a>
    <a href="#" title="О нас"><b>О нас</b></a>
    <a href="/engine/rss.php" title="RSS"><b>RSS</b></a>
    <a href="/index.php?do=stats" title="Статистика"><b>Статистика</b></a>
    <a href="#" title="Карта сайта"><b>Карта сайта</b></a>
    </div></div></div>
    <!-- END MENU -->
    <!-- BANNER HIDE -->
    <div class="bannertop"><div class="dleft"><div class="dright">
    <div id="bannertop">
    <!-- TOP BANNER МОЖНО УСТАНОВИТЬ БАННЕР ПРАКТИЧЕСКИ ЛЮБОГО РАЗМЕРА -->
    <div align="center" style="padding: 7px;">
    <a href="#"><img src="{THEME}/images/_banner_.gif" alt="" /></a>&nbsp;<a href="#"><img src="{THEME}/images/_banner_.gif" alt="" /></a>
    </div>
    <!-- END BANNER -->
    </div>
    </div></div></div>
    <div class="bannertophide"><div class="dleft"><div class="dright">
    <a href="javascript:animatedcollapse.toggle('bannertop')"><img id="bannertop-toggle" src="{THEME}/images/bannerhide.png" alt="Скрыть рекламный блок" /></a>
    </div></div></div>
    <!-- END BANNER HIDE -->
    <div class="clr"></div>
    <!-- SHADOWS -->
    <div class="s_left"><div class="s_right"><div class="s_mid">
    <div class="container">
    <div class="leftside">
    <!-- Рaзделы -->
    <div class="block_t1 bvnav"><div class="dbtm">
    <div class="dtop"><h3>Рaзделы</h3></div>
    <div class="dcont"><ul>
    <li><a class="active" href="/index.php"><b>Главная</b></a></li>
    <li><a href="#"><b>Фильмы</b></a></li>
    <li><a href="#"><b>Сериалы</b></a></li>
    <li><a href="#"><b>Софт</b></a></li>
    <li><a href="#"><b>Музыка</b></a></li>
    <li><a href="#"><b>Разное</b></a></li>
    </ul></div>
    </div></div>

    <!-- END Рaзделы -->
    <!-- Реклама -->
    <div class="block_t2 badven"><div class="dbtm">
    <div class="dtop"><h3>Реклама</h3></div>
    <div class="dcont"><a href="#"><img src="{THEME}/images/banner_190x197px.jpg" alt="Реклама" /></a></div>
    </div></div>
    <!-- END Реклама -->
    <!-- Календарь -->
    <div class="block_t1 bcalen"><div class="dbtm">
    <div class="dtop"><h3>Календарь</h3></div>
    <div class="dcont">{calendar}</div>
    </div></div>
    <!-- END Календарь -->
    <!-- Популярное -->
    <div class="block_t1 btnews"><div class="dbtm">
    <div class="dtop"><h3>Популярное</h3></div>
    <div class="dcont"><ul>{topnews}</ul></div>
    </div></div>
    <!-- END Популярное -->
    <!-- SAPE -->
    <div class="block_t1 bpartn"><div class="dbtm">
    <div class="dtop"><h3>Наши партнеры</h3></div>
    <div class="dcont">
    <ul>
    <li><div><a href="#" target="_blank">Еще не нарисовались...</a></div></li>
    </ul>
    </div>
    </div></div>
    <!-- END SAPE -->
    <!-- Архив новостей -->
    <div class="block_t1 barhives"><div class="dbtm">
    <div class="dtop"><h3>Архив новостей</h3></div>
    <div class="dcont">{archives}</div>
    </div></div>
    <!-- END Архив новостей -->
    </div>
    <div class="rightside">
    <!-- Авторизация -->
    <div class="block_t3 blogin"><div class="dbtm">
    <div class="dtop"><h3>Авторизация</h3></div>
    <div class="dcont"><div class="loginform">{login}</div></div>
    </div></div>
    <!--END Авторизация -->
    <!-- Реклама -->
    <div class="block_t2 badven"><div class="dbtm">
    <div class="dtop"><h3>Реклама</h3></div>
    <div class="dcont"><a href="#"><img src="{THEME}/images/banner2_190x197px.jpg" alt="Реклама" /></a></div>
    </div></div>
    <!-- END Реклама -->
    <!-- ГОЛОСОВАНИЕ -->
    <div class="block_t3 bvote"><div class="dbtm">
    <div class="dtop"><h3>Опрос</h3></div>
    <div class="dcont">{vote}</div>
    </div></div>
    <!-- END ГОЛОСОВАНИЕ -->
    <!-- Реклама -->
    <div class="block_t2 badven"><div class="dbtm">
    <div class="dtop"><h3>Реклама</h3></div>
    <div class="dcont"><a href="#"><img src="{THEME}/images/banner2_190x197px.jpg" alt="Реклама" /></a></div>
    </div></div>
    <!-- END Реклама -->
    <!-- ПОПУЛЯРНЫЕ ТЭГИ -->
    <div class="block_t4 btags"><div class="dbtm">
    <div class="dtop"><h3>Популярные тэги</h3></div>
    <div class="dcont" align="center">{tags}</div>
    </div></div>
    <!--END ПОПУЛЯРНЫЕ ТЭГИ -->
    <!-- Реклама -->
    <div class="block_t2 badven"><div class="dbtm">
    <div class="dtop"><h3>Реклама</h3></div>
    <div class="dcont"><a href="#"><img src="{THEME}/images/banner2_190x197px.jpg" alt="Реклама" /></a></div>
    </div></div>
    <!-- END Реклама -->
    <!-- СЧЕТЧИКИ -->
    <div class="block_t3 bcounts"><div class="dbtm">
    <div class="dtop"><h3>Счетчики</h3></div>
    <div class="dcont"><div align="center" style="padding: 45px 0 50px 0;">
    <a href="/"><img src="{THEME}/images/count_test.png" alt="" /></a>
    </div></div>
    </div></div>

    <!--END СЧЕТЧИКИ -->
    </div>
    <div class="centerside"><div class="centersideinn">
    <div class="speedbar"><div><div><div>
    {speedbar}
    </div></div></div></div>
    <!-- РЕКЛАМНЫЙ БАННЕР -->
    <div class="cblock">
    <div class="bbr_head"><div></div></div>
    <div class="bbr_mid"><div class="bbr_mid">
    <div class="maincont" align="center"><img src="{THEME}/images/_banner_.gif" alt="" /></div>
    </div></div>
    <div class="bbr_foot"><div></div></div>
    </div>
    <!-- END РЕКЛАМНЫЙ БАННЕР -->
    <span id='dle-info'></span>
    <div id='dle-content'>
    {info}{content}
    </div>
    <!-- РЕКЛАМНЫЙ БАННЕР -->
    <div class="cblock">
    <div class="bbr_head"><div></div></div>
    <div class="bbr_mid"><div class="bbr_mid">
    <div class="maincont" align="center"><img src="{THEME}/images/_banner_.gif" alt="" /></div>
    </div></div>
    <div class="bbr_foot"><div></div></div>
    </div>
    <!-- END РЕКЛАМНЫЙ БАННЕР -->
    </div></div>
    <div class="clr"></div>
    </div>
    </div></div></div>
    <!-- END SHADOWS -->
    <div class="footer"><div class="dleft"><div class="dright">
    <a class="centroarts" href="/" ><img src="{THEME}/images/spacer.gif" alt="Designed by CENTROARTS.com" /></a>
    <div class="copyright"><strong>&copy; 2011 При использовании материалов ссылка на источник обязательна. </strong><br />Все права защищены</div>
    </div></div></div>
    <div class="footblik"><div class="dleft"><div class="dright">&nbsp;</div></div></div>
    </div>
    </body>
    </html>
     
    Последнее редактирование модератором: 23 сен 2014
  7. Gorev

    Gorev

    Регистр.:
    30 авг 2012
    Сообщения:
    210
    Симпатии:
    36
    Во первых код принято прятать в теги. Во вторых. Выложите адрес сайта, если боитесь, то под хайд или в приват напишите кому нибудь. Потому что пока это всё выглядит, как битва экстрасенсов.
     
    omgh и killoff нравится это.
  8. Festem

    Festem Постоялец

    Регистр.:
    4 сен 2014
    Сообщения:
    97
    Симпатии:
    26
    Давайте урл сайта, вы дали код, а стилей то нету
     
    Attyla нравится это.
  9. Festem

    Festem Постоялец

    Регистр.:
    4 сен 2014
    Сообщения:
    97
    Симпатии:
    26
    В стилях в main.css вместо

    Код:
    h1.zeoslogo {
    display: block;
    height: 106px;
    left: 12px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 7px;
    width: 229px;
    }
    
    сделайте
    Код:
    div.zeoslogo {
    display: block;
    height: 106px;
    left: 12px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 7px;
    width: 229px;
    }
    
    А в шаблоне вместо

    Код:
    <h1 class="zeoslogo">
    .....
    </h1>
    сделайте

    Код:
    <div class="zeoslogo">
    .....
    </div>
     
  10. Hannibal86

    Hannibal86 Создатель

    Регистр.:
    17 сен 2014
    Сообщения:
    37
    Симпатии:
    17
    Изначально там, видимо, планировалось текстовое название сайта, а уже со временем его заменили на картинку, оставив рудимент в виде Н1. К сожалению на пабликах такие рудименты не редкость
     
Статус темы:
Закрыта.