|
|
Страници по тази тема: 1 | 2 | (покажи всички)
|
Тема
|
 css ul li
|
|
| Автор |
ghs (v.2) |
| Публикувано | 12.12.06 16:25 |
|
|
здравейте
не знам как точно да го нарека, тъй като ми кипи главата, но ако някой се сеща за пример с който само с CSS да се постигне, че всеки 1,3,5,7,... елемент от листа да има различен стил. нещо като: nth-of-type(n)... някакъв тип selector като a[class='име на класа']
благодарности
П.П.
точно това, но не бачка тъй катo е css3. нещо за 2 за да може да го подкарат машините?
Редактирано от ghs на 12.12.06 16:49.
| |
|
Тема
|
Re: css ul li
[re: ghs]
|
|
| Автор |
OS (непознат
) |
| Публикувано | 12.12.06 23:50 |
|
|
нещо такова става ли
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.x0{
background : #F0F0F0;
color : #F09030;
}
.x1{
background : #E0E0E0;
color : Navy;
}
</style>
<script language="JavaScript" type="text/javascript">
var n =0;
</script>
<title>Experiment</title>
</head>
<body>
<ul>
<script>
// document.write('<li type="disc" class="x' + n + '">'); n = (++n % 2);alert(n);
document.write('<li type="disc" class="x' + n + '">'); n = (++n % 2);
</script>111111111111111111111111</li>
<script>
document.write('<li type="disc" class="x' + n + '">'); n = (++n % 2);
</script>111111111111111111111111</li>
<script>
document.write('<li type="disc" class="x' + n + '">'); n = (++n % 2);
</script> 222222222222222222222222</li>
<script>
document.write('<li type="disc" class="x' + n + '">'); n = (++n % 2);
</script> 333333333333333333333333</li>
<script>
document.write('<li type="disc" class="x' + n + '">'); n = (++n % 2);
</script>4444444444444444444444444</li>
</ul>
</body>
</html>
| |
|
Тема
|
Re: css ul li
[re: ghs]
|
|
| Автор |
dimodi (bike rider) |
| Публикувано | 12.12.06 23:51 |
|
|
Ако списъкът ти е сравнително къс и ако това долу работеше под IE6... ;))))
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="bg" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="bg" />
<title>1 3 5 7</title>
<style type="text/css" media="screen">
li,li+li+li,li+li+li+li+li,li+li+li+li+li+li+li{color:#00f}
li+li,li+li+li+li,li+li+li+li+li+li{color:#f00}
</style>
</head>
<body>
<ul>
<li>Едно</li>
<li>Две</li>
<li>Три</li>
<li>Четири</li>
<li>Пет</li>
<li>Шест</li>
<li>Седем</li>
</ul>
</body>
</html>
Иначе защо не пробваш с Javascript, или в конкретната ситуация и той е забранен?
http://www.alistapart.com/articles/zebratables/
http://jquery.com/blog/2006/10/18/zebra-table-showdown/
| |
|
Тема
|
Re: css ul li
[re: dimodi]
|
|
| Автор |
ghs (v.2) |
| Публикувано | 13.12.06 00:06 |
|
|
при крайна ситуация ще се ползват скриптове. а скписъкът или ще е с 3 или с безброй, но това не го знам.
за момента има 2 неща аз който остава да се ползва javascript, тъй като без него е нелечимо. едното е това а другото е да се направи така, че при ИЕ 6 max-width да проработи. при вторият случай пробвах с expressions в css-то ма не стана или аз обърках нещо.
| |
|
|
|
само че се поддържа само от ФФ2 и може би Опера 8-9 (мързи ме да проверявам, щото така или инак не ти върши работа :Р :)
Edit Ediiiiit :)
Ако ползваш IE7 на Дийн Едуардс, той поддържа nth-child... За справка:
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.Редактирано от KoтapakътнaШpьoдинrep на 13.12.06 01:26.
| |
|
|
|
nth-child не работи под ФФ2, опера също а за ИЕ7 не ми остана време да пробвам. утре сутрин ще проверя още примери който открих из мрежата и ще пиша. ако някой открие нещо, да остявя тука
| |
|
Тема
|
тц
[re: ghs]
|
|
| Автор |
ghs (v.2) |
| Публикувано | 13.12.06 10:44 |
|
|
и при ИЕ7 е същото
за момента ще го оставя със style в самият код и после вече ще го пусна през javascript
| |
|
Тема
|
Re: тц
[re: ghs]
|
|
| Автор | kapitancho (Нерегистриран) |
| Публикувано | 13.12.06 20:02 |
|
|
Има решение - behaviour за IE и moz-binding за FF. Ако искаш още подробности, кажи.
| |
|
|
|
трябва ми да работи от ФФ1 до случайно 3, ИЕ5 до 8??:), опера 8+++++, сафари и кonqueror.
поради данните които има по страницатаи по това как е направена не мога да ползвам хбл и моз-бин...отпада.
относно поведенията. дай някой код който не ползва js
| |
|
Тема
|
 без js
[re: ghs]
|
|
| Автор |
OS (непознат
) |
| Публикувано | 13.12.06 23:06 |
|
|
Май най-лесно е да се направи страницата с PHP (с масиви, цикли и променливи) и с HTML тагове и CSS, поддържани от нужните браузъри. После upload-вам, отварям с IE, save as Web page, HTML only и получавам нужната ми HTML страница.
| |
|
Страници по тази тема: 1 | 2 | (покажи всички)
| 
|
|
(bloody furious)