h1 в логотипе

antony2606

Давно я тут
634
46 / 4
Работаем!

h1 в логотипе

« : 23.08.2013, 10:29:54 »

Доброго дня. Ребят, хелп - всю голову поломал((
Только начал осваивать PHP и CSS

Тег h1 в лого:

Код

<h1 class="logo">
	<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>

Делаю так:

Код

<div class="logo">
	<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</div>

Есть стиль:

Код

h1.logo{height:78px;margin:8px 0 0;width:323px;}
h1.logo a{height:78px;width:323px;}

Меняю на:

Код

.logo{height:78px;margin:8px 0 0;width:323px;}
.logo a{height:78px;width:323px;}

После чего тег убирается, но выводится текст поверх логотипа(
Ткните носом, где я ошибся( Буду очень признателен.

Сайт: http://tppkam.ru/

Записан

КОНСУЛЬТАЦИИ ДЛЯ НОВИЧКОВ

verstalshik

Завсегдатай
1754
95 / 1

Re: h1 в логотипе

« Ответ #1 : 23.08.2013, 11:21:05 »

у вас там еще стили есть для H1 ! т.к. текстовка обернута в span, то:

Код

h1.logo a span {
    position: absolute;
    top: -1000px;
}

может и еще что, ищите ВНИМАТЕЛЬНЕЕ! кроме вас, это никому не надо!!)))

и вот еще

Код

h1.logo, div.logo-text {
    float: left;
    position: relative;
    z-index: 1;
}

и вот, частично перекрыто, но БЛОК для <а> берется!

Код

h1.logo a {
    background: url("../images/logo-t3.gif") no-repeat scroll left center transparent;
    display: block;
    height: 28px;
    width: 184px;
}

« Последнее редактирование: 23.08.2013, 11:25:10 от verstalshik »

Записан

❶ НЕ СПРАВЛЯЕШЬСЯ САМ??? Поможем тут... ❷ Калькулятор доставки - ЗАКАЖИ!!!... ❸ Каталог компаний - ЖМИ!!!... ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!