Решение проблем связанных с созданием веб сайтов на языках разметки гипертекстов css, html.

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

Вопрос

Хотелось бы узнать, как делают такие кнопки, которые работают без картинок?
К примеру возьмём меню пуск в виндовсе хр, там есть обычные надписи, но при наведении на них курсора, они заливались фоном, а при выведения курсора становились прежними….

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

Может приведёте какой нибудь пример или ещё что нибудь???
заранее спасибо!!!

Ответ

Здравствуйте!!!
Просто уберите таблицы и всё

А вообще можно делать с помощью списков к примеру…

Вот пример: нажми чтобы посмотреть

Ниже привожу код Css:

<style type=”text/css”>

#links ul {
list-style-type: none;
width: 500px;
}

#links li {
border: 1px dotted #999;
border-width: 1px 0;
margin: 5px 0;
}

#links li a {
color: #990000;
display: block;
font: bold 120% Arial, Helvetica, sans-serif;
padding: 5px;
text-decoration: none;
}

* html #links li a { /* make hover effect work in IE */
width:500px;
}

#links li a:hover {
background: #ffffcc;
}

#links a em {
color: #333;
display: block;
font: normal 85% Verdana, Helvetica, sans-serif;
line-height: 125%;
}

#links a span {
color: #125F15;
font: normal 70% Verdana, Helvetica, sans-serif;
line-height: 150%;
}
</style>

А так же код Html:

<div id=”links”>
<ul>
<li><a href=”#” title=”Text”>Первый пример
<em>Описание примера…</em>
<span>Ну и ещё какая нить хрень</span></a></li>

Страницы: 1 2