высота категорий зависит от кол-ва форумов в ней.
Я имел ввиду когда вставляешь картинку в название категории, как можно увеличить высоту, или "высота" подстраивается по картинку?
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Общие вопросы по HTML
высота категорий зависит от кол-ва форумов в ней.
Я имел ввиду когда вставляешь картинку в название категории, как можно увеличить высоту, или "высота" подстраивается по картинку?
Артас-WLiB
.category h2{height:50px;}
Вроде так...
Отредактировано vuvko (21.06.10 00:40)
vuvko,
не работает.
Не знаю, в каком именно разделе стоит задавать этот вопрос, но как мне кажется, этот больше всего подходит.
Я хочу сделать кликабельную картинку-карту. То есть, чтобы при наведении курсора на определенную точку на картинке высвечивалось названия ссылки, а при клике - открывалась сама ссылка. (Коряво объяснила, но я буду надеяться, что хоть как-то понятно.) Пример. Не могли бы вы подсказать, как это сделать?
Я имел ввиду когда вставляешь картинку в название категории, как можно увеличить высоту, или "высота" подстраивается по картинку?
height: 50px;
padding-top: 31px!important;
Куда ставите туда и добавляйте.
Гамма
Создаём меп-карту Вам сюда)
Гамма
Достаточно посмотреть код...
<script language="Javascript">
function show(elem) {document.getElementById(elem).style.zIndex = 3;}
function hide(){document.getElementById('fun').style.zIndex = 1;document.getElementById('cmx').style.zIndex = 1;}
</script>
<div style="position:relative; width:700px; height:354px;">
<map name="qwbw">
<area shape="rect" coords="20,20,175,300" onmouseover="show('fun')" onmouseout="hide()" href="/comics/gwtb/1-0" alt="Унесённые взрывом [Gone with the Blastwave] приколы">
<area shape="rect" coords="250,20,700,354" onmouseover="show('cmx')" onmouseout="hide()" href="/comics/gwtb/2-0" alt="Комикс Унесённые взрывом [Gone with the Blastwave]">
</map>
<div style="position:absolute; z-index:2;">
<img src="comics/gwtb.jpg" alt="Комикс Унесённые взрывом [Gone with the Blastwave] обложка" usemap="#qwbw" />
</div>
<a href="/comics/gwtb/1-0">
<div style="position:absolute; top:237px;left:47px;z-index:1;" id="fun" href="/comics/gwtb/1-0" onmouseover="show('fun')">
<img src="comics/gwtb-fun.jpg" width="112" height="32" alt="Унесённые взрывом [Gone with the Blastwave] приколы">
</div>
</a>
<a href="/comics/gwtb/2-0">
<div style="position:absolute; top:313px;left:382px;z-index:1;" id="cmx" href="/comics/gwtb/2-0" onmouseover="show('cmx')" >
<img src="comics/gwtb-cmx.jpg" width="132" height="41" alt="Комикс Унесённые взрывом [Gone with the Blastwave]">
</div>
</a>
</div>
Соответственно, для вас
<script language="Javascript">
function show(elem) {document.getElementById(elem).style.zIndex = 3;}
function hide(elem){document.getElementById(elem).style.zIndex = 0;}
</script>
<map name="YourMap">
<area shape="rect" coords="10,20,30,40" onmouseover="show('MyDiv')" onmouseout="hide('MyDiv')" href="Ссылка" alt="Название">
</map>
<img src="Ссылка на картинку" usemap="#YourMap">
<div id="MyDiv" style="position:absolute; top:Отступ_сверху; left:Отступ_снизу; z-index:1;" onmouseover="show('MyDiv')" onmouseout="hide('MyDiv')">
<a href="Ссылка"><img src="Ссылка на показывающуюся картинку"></a>
</div>
Toshiro
Каюсь, просмотрела. Большое спасибо)
vuvko
И снова вам большое спасибо)) За наставление на путь истинный, так сказать.
Что нужно сделать, чтобы участник мог не один раз в сутки голосовать за пост?
А как убрать слово- объявление (в объявлении) или есть код чтобы вставить таблицуили мэп карту? (точнее куда)
LikaKanakh
Убрать:
<style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} </style>
Ставить в html-верх
Если у вас нет мэп-карты, то закажите сдесь:
Мэп-карты.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Общие вопросы по HTML