Заголовок как ссылка

@Руслан Роккер · Регистрация: 14.01.2012

Студворк — интернет-сервис помощи студентам

Добрый день... Вопрос: как сделать чтоб тег h3 тоже был ссылкой?

HTML5
1
<h3><a href="viewPost.php?settings=%s">%s</a></h3>

@Tmesser · 14.01.2012, 12:22

HTML5
1
<a href="viewPost.php?settings=%s"><h3>%s</h3></a>, пробуй так.

Я просто не совсем понял, что вам надо. Или вам надо что ета вся картинка била ссилкой?
тогда ету картинку нужно в силку впихнуть, вот пример:

HTML5
1
<a href=index.php> <img src="img/header.png" width="690" height="100">текст</a>

@Руслан Роккер · 14.01.2012, 12:56 **[ТС]**

это не картинка) код:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
h3
{
width: 50%;
font: bold 17px verdana, sans-serif;
color: #ffffff;
padding: 7px 0;
text-align: center;
border-radius: 20px 40px 40px 20px ;
 
 
background: radial-gradient(#414141, black);
background: -moz-radial-gradient(#414141, black); /* FF3.6+ */
background: -webkit-radial-gradient(ellipse cover, #4D4D4D, black); /* Chrome 10+, Safari 5.1+ */
background: -o-radial-gradient(#414141, black); /* Opera 12 */
background: -ms-radial-gradient(#414141, black); /* IE10 */
 
}
 
h3 a{
    color: white;
    text-decoration: none;
}

@Tmesser · 14.01.2012, 12:59

HTML5
1
<a href="viewPost.php?settings=%s"><h3>%s</h3></a>

Значит так будет работат. Если че еще - обращяйся.

@Руслан Роккер · 14.01.2012, 12:59 **[ТС]**

помогло первое.. но правильно ли "h3" в "a" вставлять?

Vovan-VE · 14.01.2012, 13:27

Сообщение от Руслан Роккер

помогло первое.. но правильно ли "h3" в "a" вставлять?

Нет, неправильно. Если надо правильно (a внутри h3, как было), то надо у <a> сделать

CSS
1
dislay:block;

и padding и height из h3, если есть, переместить в a.

@Руслан Роккер · 14.01.2012, 14:28 **[ТС]**

ок... спс.. а суть? что такое сделал

CSS
1
display: block;

?

@conformist · 15.01.2012, 11:04

элемент <a> строчный, а правило:
display:block;
делает его блочным, и возможным к вертикальным изменениям

@Tmesser · 15.01.2012, 11:14

Сообщение от Руслан Роккер

ок... спс.. а суть? что такое сделал

CSS
1
display: block;

?

Определяет, как элемент должен быть показан в документе.
Элемент показывается как блочный.

@Руслан Роккер · 15.01.2012, 11:36 **[ТС]**

А если мне надо сделать целый блок div ссылкой? например:

HTML5
1
2
3
4
5
6
7
<article>
                <fieldset class="fieldsetLeft"><legend >Пользователь</legend>
                    <p id="pub">Опубликовал(a): <strong class="my" title="Это автор">%s</strong></p>
                    <p id="data">Дата: %s</p>
                </fieldset>
            <p class="text">%s<span class="coment">(<a href="comment.php?id=%s">Коментировать...</a>)</span></p>
       </article>

Тут правда не div, а "article"? И вот чтоб по клику по этому блоку пользователь переходил по ссылке?...

@conformist · 15.01.2012, 12:56

не знаю будет ли так правильно, но просто взять в тег да и все

HTML5
1
2
3
4
5
<a href="link">
   <article>
   ......
    </article>
</a>

по крайней мере оно работает ))

Новые блоги и статьи Все статьи Все блоги /
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. На мобильном - сканируйте QR-код. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .

@Руслан Роккер 0 / 0 / 0 Регистрация: 14.01.2012 Сообщений: 5
	14.01.2012, 12:59 [ТС]
	помогло первое.. но правильно ли "h3" в "a" вставлять? 0

@conformist O tempora, o mores! 238 / 172 / 13 Регистрация: 15.01.2012 Сообщений: 681
	15.01.2012, 11:04
	элемент <a> строчный, а правило: display:block; делает его блочным, и возможным к вертикальным изменениям 0