Создание меню
Вопрос такой:
есть unodered list
<ul>Элемент 1 Элемент 2 Элемент 3[/list]
нужно без использования таблиц справа на фиксированном расстоянии (одинаковом для всех элементов) добавить для каждого маленькую картинку. Как это сделать? предполагаю что нужен CSS
есть unodered list
<ul>
нужно без использования таблиц справа на фиксированном расстоянии (одинаковом для всех элементов) добавить для каждого
<html>
<head>
<style>
li {
list-style-image: url(http://127.0.0.1/img.gif);
list-style-position: outside;
}
</style>
</head>
<body>
<ul>1-st 2-nd 3-rd[/list]</body>
</html>
<head>
<style>
li {
list-style-image: url(http://127.0.0.1/img.gif);
list-style-position: outside;
}
</style>
</head>
<body>
<ul>
</html>
сори, но не слева, а справа чтобы было типа того:
<table>
<tr>
<td width="200">Элемент 1</td>
<td>pic</td>
</tr>
<tr>
<td>Элемент 2</td>
<td>pic</td>
</tr>
<tr>
<td>Элемент 3</td>
<td>pic</td>
</tr>
</table>
где pic это картинка, но сделать мне нужно это без таблиц
<table>
<tr>
<td width="200">Элемент 1</td>
<td>pic</td>
</tr>
<tr>
<td>Элемент 2</td>
<td>pic</td>
</tr>
<tr>
<td>Элемент 3</td>
<td>pic</td>
</tr>
</table>
где pic это картинка, но сделать мне нужно это без таблиц
Цитата:
Originally posted by MasterSID
сори, но не слева, а справа чтобы было типа того:
<table>
<tr>
<td width="200">Элемент 1</td>
<td>pic</td>
</tr>
<tr>
<td>Элемент 2</td>
<td>pic</td>
</tr>
<tr>
<td>Элемент 3</td>
<td>pic</td>
</tr>
</table>
где pic это картинка, но сделать мне нужно это без таблиц
сори, но не слева, а справа чтобы было типа того:
<table>
<tr>
<td width="200">Элемент 1</td>
<td>pic</td>
</tr>
<tr>
<td>Элемент 2</td>
<td>pic</td>
</tr>
<tr>
<td>Элемент 3</td>
<td>pic</td>
</tr>
</table>
где pic это картинка, но сделать мне нужно это без таблиц
Попробуй вот так:
<html>
<head>
<style type="text/css">
ul {
list-style: none;
margin: 0;
padding: 0;
width: 200px;
}
ul li {
background: url(pic.gif) 100% no-repeat;
}
</style>
</head>
<body>
<ul>
</html>
Больная тема:D знаю что такое право-лево, но в диалоге всегда путаю ^^
Shizoo, ;)
Carpus, сенк - то, что надо. А где можно вообще приемам css обучиться? Что почитать?
Carpus, сенк - то, что надо. А где можно вообще приемам css обучиться? Что почитать?
http://www.w3.org/Style/CSS/
ничего лучше спецификации и быть не может, даже если некоторые софто-фермеры на нее не особо засматриваются;)
http://www.w3schools.com/
или вот очень и очень юзабельный ресурс, правда непомню есть ли там инфа на русском:D
ps: и это, дошла и до меня волна апдейтов оперы до 8x. :o вещь, какая тут нафиг мозилла, юзабельно до неимоверия!!
ничего лучше спецификации и быть не может, даже если некоторые софто-фермеры на нее не особо засматриваются;)
http://www.w3schools.com/
или вот очень и очень юзабельный ресурс, правда непомню есть ли там инфа на русском:D
ps: и это, дошла и до меня волна апдейтов оперы до 8x. :o вещь, какая тут нафиг мозилла, юзабельно до неимоверия!!
thanx, Shiizoo! :)