Проблема вставки ссылки на лого

1
На сайте с 10.10.2010
Offline
73
1536

Шаблон Joomla скачан в инете и с ним шло лого, но без ссылки. Сам вставляю ссылку, в

в файле php в строке

<div id="header">

<div id="headermiddlewrap">

<div id="logowrap">

<div class="logo"></div>

<div class="tagtext"><?php echo $gridParams->tagLine; ?></div>

</div>

вставляю

<div id="header">

<div id="headermiddlewrap">

<div id="logowrap">

<a href="http://google.com"<div class="logo"></div> <a>

<div class="tagtext"><?php echo $gridParams->tagLine; ?></div>

</div>

лого начинает быть ссылкой, но структура шаблона ломается.

в template.css пытался менять размер лого, не помогает.

#loginwrap{ float:left;width:886px; margin-top:10px;}

#logowrap{ float:left;width:220px; padding-left: 12px; padding-top:6px; }

#bannerwrap{ float:left;width:455px;}

#menuwrap{ background-color:transparent;float:left;width:800px;height:40px;margin:0px;padding:0px;}

.logo {float:left;width:220px;height:28px;}

.tagtext{ color: #fff; }

#logwrap {padding-top: 12px; height:18px;display:block; font-weight:bold;font-size: 12px; }

у меня есть мысль, что ссылка как-то сама разширяет размер.

Вопрос.

Как сделать, чтоб всё было нормально?

Может как-то можно вставить ссылку по другому?

или ещё вариант?

Фото

jpg 113066.jpg
Ayavryk
На сайте с 11.10.2003
Offline
209
#1

1. выложили бы чистый результирующий HTML-код на обозрение. Гадать по этой окрошке php+html где нет ни начала ни конца сложно.

2. Привыкайте работать с валидатором. В фрагменте кода который вы привели минимум две ошибки. Когда ошибки буду исправлены может и гадать не придется.

3. блочный элемент внутри строчного <a><div></div></a>- невалидно.

Вместо него можно спокойно запулить <a href="http://google.com" class="logo"><a> и его уже позиционировать (см.ниже)

4. для логотипа в шапке можно спокойно использовать абсолютное позционирование

<div id="header">

<a href="/" id="logo"></a>

.......

</div>

<style>

#header {position:relative} /* указание точки отсчета для абс.поз */

#logo {

display:block; /* превращение строчного тега a в блочный */

position:absolute;top:0;left:100px; /* указываем где должен располагаться */

Width:123px;height:123px;

background: ... /* указывается картинка */

}

</style>

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
O2
На сайте с 28.07.2012
Offline
7
#2
google.com"<div

у вас незакрытый тег ссылки.

vlad00777
На сайте с 24.12.2009
Offline
119
#3
<a href="http://google.com"<div class="logo"></div> <a>*

Вы не в теме тс.

Вставляют по другому.

<a href=""><div class="logo"></div></a>

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
1
На сайте с 10.10.2010
Offline
73
#4

Ayavryk

Спасибо, всё заработало.

IL
На сайте с 20.04.2007
Offline
435
#5

Вообще, строго говоря, div внутри a - невалидно. Обычно используется span (соответствующие стили в css заменить нужно будет)

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
vlad00777
На сайте с 24.12.2009
Offline
119
#6
ivan-lev:
Вообще, строго говоря, div внутри a - невалидно. Обычно используется span (соответствующие стили в css заменить нужно будет)

Вообще да, но шаблон паблик, я думаю +-1 ошибка там уже ничего не решит 😂

[Удален]
#7
vlad00777:
Вообще да

span для логотипа?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий