Как создать вкладку панели?

Question

есть здесь кто-нибудь, кто знает, как создать вкладку панели - это не обсуждалось в нашем классе, и мой босс попросил меня изменить ссылку на список от А до Я на вкладку панели.мой список ссылок работает правильно.я попытался сделать буквы в своих ссылках (вы увидите позже) в виде изображения, но мой начальник так не хочет, он специально сказал, что, например, вы нажали ссылку «А», ссылка должна выглядеть примерно такобъединены с таблицей или как будто данные, когда ссылки нажали на разных страницах.

вот код, который я использовал для моих связанных писем: * заметил, что ссылки A и B разные, это была моя первая попыткачто ему не понравилось.

    <table class="sub" border="0" cellpadding="0" cellspacing="0">              
            <!--A - Z link page-->
                <tr>
                <td colspan ="6" align="CENTER">
                <a href="index.php?namelist=a"onmouseover="AmouseOver()" onmouseout="AmouseOut()" /><img src="images/A.png" id="A" /></a>
                &nbsp;
                <a href="index.php?namelist=b"onmouseover="BmouseOver()" onmouseout="BmouseOut()" /><img src="images/B.png" id="B" /></a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=c">C</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=d">D</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=e">E</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=f">F</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=g">G</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=h">H</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=i">I</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=j">J</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=k">K</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=l">L</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=m">M</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=n">N</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=o">O</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=p">P</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=q">Q</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=r">R</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=s">S</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=t">T</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=u">U</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=v">V</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=w">W</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=x">X</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=y">Y</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="index.php?namelist=z">Z</a>

                </td>
                </tr>   

этот набор кодов будет вызываться, когда пользователь нажимает на ссылку.на самом деле мои коды работают отлично.мой босс просто хотел бы немного изменить дизайн, чтобы я мог что-то сделать в процессе обучения на рабочем месте.Видишь, я просто студент, но мне всегда тяжело здесь.Я надеюсь, что кто-то может помочь мне здесь

MisaChan

PS.я уже пробовал искать сайты о том, как сделать вкладку панели без изменения моих кодов, но не нашел удачи.почти все являются генераторами кода, и мне не нравится результат на этих сайтах, я думаю, что css поможет мне и здесь, как говорят большинство форумов, которые я видел

Answer 1

По сути, хитрость в создании панели с вкладками состоит в том, чтобы изменить стиль выбранного элемента, отличающийся от других вкладок.Вам определенно нужно будет использовать CSS для этого.Я бы поменял все буквы на промежутки и дал бы им имя класса, например «tabunsel», а для выбранной вкладки - имя класса, например «tabsel».

В CSS для диапазона вы можете сделать несколько трюков, таких как добавление фонового изображения, которое выглядит как вкладка с разными цветами для выбранных и невыбранных.Вы также можете сделать это с чистым CSS, если вы готовы принять вызов.

Я бы начал с изучения кода и CSS нескольких хорошо выглядящих страниц с вкладками в Интернете или поиска учебника.Я нашел этот просто гуглил.

Answer 2

Ну, не так. Вот как бы я это сделал:

<div id="tabs"><a href="index.php?namelist=a">A</a> <a href="index.php?namelist=b">B</a> <a href="index.php?namelist=c">C</a> <a href="index.php?namelist=d">D</a> <a href="index.php?namelist=e">E</a> <a href="index.php?namelist=f">F</a> <a href="index.php?namelist=g">G</a> <a href="index.php?namelist=h">H</a> <a href="index.php?namelist=i">I</a> <a href="index.php?namelist=j">J</a> <a href="index.php?namelist=k">K</a> <a href="index.php?namelist=l">L</a> <a href="index.php?namelist=m">M</a> <a href="index.php?namelist=n">N</a> <a href="index.php?namelist=o">O</a> <a href="index.php?namelist=p">P</a> <a href="index.php?namelist=q">Q</a> <a href="index.php?namelist=r">R</a> <a href="index.php?namelist=s">S</a> <a href="index.php?namelist=t">T</a> <a href="index.php?namelist=u">U</a> <a href="index.php?namelist=v">V</a> <a href="index.php?namelist=w">W</a> <a href="index.php?namelist=x">X</a> <a href="index.php?namelist=y">Y</a> <a href="index.php?namelist=z">Z</a></div>

Затем посмотрите на CSS здесь , чтобы получить представление о том, как можно реализовать вкладки.