|
|
« Предыдущая тема | Следующая тема » |
Опции темы | Опции просмотра |
|
|
|||||
[+1 14.08.08]
[+1 20.08.08] |
горизонтальное меню списком на всю ширину
вопрос такой.
как сделать горизонтальное меню списком, которое растягивалось на всю ширину экрана? т.е. есть,например, список и стиль: <div class="m2"> <ul> <li><a href="#">Item1</a></li> <li><a href="#">Item2</a></li> <li><a href="#">Item3</a></li> </ul> </div> <style> .m2 ul { list-style:none; padding:0; margin:0; width:100%; } .m2 ul li { display:inline; margin:2px; padding:4px; background:#FF0000; width:100%; } </style> Как заставить эту недоменюшку растянутся на всю ширину свободного пространства, ну, т.е. заставить выглядить, примерно так ну это я просто пытаюсь прошарить в верстке стилями и переписать свои некоторые старые вещи под такую верстку.
__________________
~ Never trouble trouble till trouble troubles you! |
|
|||||
Унивирсально можно только с помощью 2 цсс, но это не вариант, тк даже мазила не хавает его по вогу.
А так .m2 ul li { display:inline; float:left; margin:2px; padding:4px; background:#FF0000; width:33%; } а жель что 2 цсс еще нераспространен.. counter-increment: counter; Вот этот стиль в качестве параметра counter принимает любое название переменной типом интежер, и является своеобразным счетчиком, думаю была бы непроблема считать цссом размер, вот только в мазиле он всегда 1 выдает ((, в 7 ие не тестил, тк без поддержки мазилы смысла поддержки 7 ие невижу
__________________
имхо деньги - жидкий стул Последний раз редактировалось etc; 27.03.2007 в 10:38. |
|
|||||
.grin! wuz here
|
1) не 2й, а 3й. ксс2 ффокс держит замечательно (а так же большую часть ксс3, только вот св-ва с приставкой -moz-), опера с вебкитом тоже (-o-, -webkit-, -khtml-).
2) display:inline; float:left; взаимоисключающие правила. т.е. при флоате дисплей ВСЕГДА будет блочным. учите матчасть =) |
|
|||||
Цитата:
Цитата:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Creating a list with markers</TITLE> <STYLE type="text/css"> LI:before { display: marker; content: counter(mycounter, lower-roman) "."; counter-increment: mycounter; } </STYLE> </HEAD> <BODY> <OL> <LI> This is the first item. <LI> This is the second item. <LI> This is the third item. </OL> </BODY> </HTML> content: что поддержуется мазилой (Это контент который всегда будет выводится класс|тег : bfore {} || класс|тег : after) counter-increment: что тоже как бы ошибки и невыдает, но свой методы не поддерживает, сама посебе объявляет [ <identifier> <integer>? ]+ | none | inherit В маем случае был интересен интежер counter(а,б) - принимает в качестве параметров как бы последнние значение счетчика, и формат списка. короче все это можно почитать вот тута сцылка На экран по вогу должно выводить This is a long preceding paragraph ... i. This is the first item. ii. This is the second item. iii. This is the third item. This is a long following paragraph ... но в мазилевыводит вот что This is a long preceding paragraph ... 1. i. This is the first item. 2. i. This is the second item. 3. i. This is the third item. This is a long following paragraph ... Возможно я в чемто ошибаюсь, если это так, то поставь на путь истенный плиз
__________________
имхо деньги - жидкий стул |
Часовой пояс GMT +4, время: 18:14. |
|
« Предыдущая тема | Следующая тема » |
|
|