Вопрос по верстке

Niemans · 22.12.2009, 12:27

Нет, там padding 10px сверху в 27 строке.
Если высоту убрать, и padding там где нужно все равно внизу отступ появляется.
Я думал что это из-за hover.htc, но отключив его и display: none отступ сохраняется.

Добавлено через 27 минут

Могу архив кинуть

Aldes · 22.12.2009, 17:18

Цитата:

Сообщение от Nimans

Могу архив кинуть

кинь, прямо интересно...

Niemans · 23.12.2009, 17:28

http://test.niemans.ru/BIZON.zip

Добавлено через 22 часа 4 минуты

Все, я решил свою проблему.
Счастлив. Спасибо всем за поддержку))

Aldes · 23.12.2009, 17:41

опиши, как решил

Niemans · 23.12.2009, 22:39

Домой с работы приду, покажу на примере и скажу что сделал.

Добавлено через 4 часа 53 минуты

http://test.niemans.ru/price.html

Код HTML:

div#filterMenu li a:hover 
div#filterMenu a

Заменил

Код HTML:

div#filterMenu li:hover 
div#filterMenu li

Ну и резиновость добавил.

Niemans · 04.01.2010, 12:50

Выделение текста.
Есть какой то текст, есть еще блок с текстом чуть ниже первого и у него display: none;
Как сделать так чтобы при выделение основного текста показывался скрытый блок?

iDeViL · 05.01.2010, 11:34

На мой взгляд, самый простой способ: выделение текста начинается с mouseDown, заканчивается на mouseUp - так когда mouseUp - смотришь, выделен ли текст, и тогда показываешь скрытый блок.

Niemans · 14.01.2010, 19:02

Есть страница с блоками, допустим блоков 10, у них есть свой класс .block
Есть классы .krasota1, .krasota2, .krasota3, всего три, ну может быть больше.
Сейчас я вручную добавляю их. Через это можно добавить ко всем с нужным блокам сразу $(".block').addClass("krasota1");
Как сделать чтобы к блоку добавлялись классы(.krasota1, .krasota2, .krasota3) произвольно?

Добавлено через 4 часа 37 минут

Ну как рандомить классы?

Асмодиан · 14.01.2010, 19:33

$(".block').addClass("krasota" + (Math.random() * 2 + 1))

Добавлено через 1 минуту

Блин. а там ошибка: $(".block').addClass("krasota" + parseInt(Math.random() * 2 + 1))

Niemans · 15.01.2010, 12:59

Блин! Так КРУТО!!!! СПАСИБО!!! Я счастлив!!! Еще раз огромное вам спасибо!

Добавлено через 33 секунды

Я понял технологию, это самое главное!

Добавлено через 2 минуты

Я прыгаю от счастья и в полете делаю переворот! Все так просто и логично!

Добавлено через 24 минуты

Вот теперь у меня допустим 5 заголовков с классом, и соответственно доп. классы к ним. Сейчас работает так, рандом добавляет класс ко всем блокам сразу, а как усложнить эту штуку, чтоб например он не просто ко всем, а к каждому разный?

Код HTML:

<h1 class="block krasota1"></h1>
<h1 class="block krasota3"></h1>
<h1 class="block krasota2"></h1>
<h1 class="block krasota2"></h1>

Ну вот так в итоге наверное было бы в идеале.

Добавлено через 16 часов 11 минут

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Document</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
$(document).ready(function() {
	$('h2').show(function() {
		var col = 'krasota' + (Math.floor(Math.random() * 5 + 1)) ;
		$(this).addClass(col);
	});
});
</script>
<style>
h2 {color: #fff; margin: 0 0 5px 0; padding: 10px 0 10px 10px}
.krasota1 {background: #920000; font-size: 11px}
.krasota2 {background: #005992; font-size: 22px}
.krasota3 {background: #009271; font-size: 33px}
.krasota4 {background: #5d9200; font-size: 44px}
.krasota5 {background: #600092; font-size: 55px}
</style>
</head>
<body>
<h2>Untitled Document</h2>
<h2>Untitled Document</h2>
<h2>Untitled Document</h2>
<h2>Untitled Document</h2>
<h2>Untitled Document</h2>
</body>
</html>

Я сделал так.
Еще раз спасибо всем!

Добавлено через 6 минут

Все работает так как я и хотел.
А как еще усложнить эту штуку, чтобы использовались все классы? Сейчас при загрузке страницы некоторые класс вылетают.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вопрос по верстке на странице	Ni_Splinter	HTML, CSS, JavaScript	5	19.04.2012 22:01
вопрос по верстке сайта	DeCa	HTML, CSS, JavaScript	44	04.10.2010 23:25
Вопрос по верстке	Niemans	Кальянная	9	10.05.2010 23:11
Вопрос по CSS верстке	localhost	HTML, CSS, JavaScript	4	26.03.2009 18:47
Вопрос по верстке	sanchez911	HTML, CSS, JavaScript	2	01.03.2006 21:21

22.12.2009, 12:27	#21
Niemans	Нет, там padding 10px сверху в 27 строке. Если высоту убрать, и padding там где нужно все равно внизу отступ появляется. Я думал что это из-за hover.htc, но отключив его и display: none отступ сохраняется. Добавлено через 27 минут Могу архив кинуть Последний раз редактировалось Niemans; 22.12.2009 в 12:27.. Причина: Добавлено сообщение

23.12.2009, 17:28	#23
Niemans	http://test.niemans.ru/BIZON.zip Добавлено через 22 часа 4 минуты Все, я решил свою проблему. Счастлив. Спасибо всем за поддержку)) Последний раз редактировалось Niemans; 23.12.2009 в 17:28.. Причина: Добавлено сообщение

23.12.2009, 22:39	#25
Niemans	Домой с работы приду, покажу на примере и скажу что сделал. Добавлено через 4 часа 53 минуты http://test.niemans.ru/price.html Код HTML: div#filterMenu li a:hover div#filterMenu a Заменил Код HTML: div#filterMenu li:hover div#filterMenu li Ну и резиновость добавил. Последний раз редактировалось Niemans; 23.12.2009 в 22:39.. Причина: Добавлено сообщение

04.01.2010, 12:50	#26
Niemans	Выделение текста. Есть какой то текст, есть еще блок с текстом чуть ниже первого и у него display: none; Как сделать так чтобы при выделение основного текста показывался скрытый блок?

05.01.2010, 11:34	#27
iDeViL	На мой взгляд, самый простой способ: выделение текста начинается с mouseDown, заканчивается на mouseUp - так когда mouseUp - смотришь, выделен ли текст, и тогда показываешь скрытый блок.

14.01.2010, 19:02	#28
Niemans	Есть страница с блоками, допустим блоков 10, у них есть свой класс .block Есть классы .krasota1, .krasota2, .krasota3, всего три, ну может быть больше. Сейчас я вручную добавляю их. Через это можно добавить ко всем с нужным блокам сразу $(".block').addClass("krasota1"); Как сделать чтобы к блоку добавлялись классы(.krasota1, .krasota2, .krasota3) произвольно? Добавлено через 4 часа 37 минут Ну как рандомить классы? Последний раз редактировалось Niemans; 14.01.2010 в 19:02.. Причина: Добавлено сообщение

14.01.2010, 19:33	#29
Асмодиан	$(".block').addClass("krasota" + (Math.random() * 2 + 1)) Добавлено через 1 минуту Блин. а там ошибка: $(".block').addClass("krasota" + parseInt(Math.random() * 2 + 1)) Последний раз редактировалось Асмодиан; 14.01.2010 в 19:33.. Причина: Добавлено сообщение

15.01.2010, 12:59	#30
Niemans	Блин! Так КРУТО!!!! СПАСИБО!!! Я счастлив!!! Еще раз огромное вам спасибо! Добавлено через 33 секунды Я понял технологию, это самое главное! Добавлено через 2 минуты Я прыгаю от счастья и в полете делаю переворот! Все так просто и логично! Добавлено через 24 минуты Вот теперь у меня допустим 5 заголовков с классом, и соответственно доп. классы к ним. Сейчас работает так, рандом добавляет класс ко всем блокам сразу, а как усложнить эту штуку, чтоб например он не просто ко всем, а к каждому разный? Код HTML: <h1 class="block krasota1"></h1> <h1 class="block krasota3"></h1> <h1 class="block krasota2"></h1> <h1 class="block krasota2"></h1> Ну вот так в итоге наверное было бы в идеале. Добавлено через 16 часов 11 минут Код HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Document</title> <script type="text/javascript" src="js/jquery.js"></script> <script> $(document).ready(function() { $('h2').show(function() { var col = 'krasota' + (Math.floor(Math.random() * 5 + 1)) ; $(this).addClass(col); }); }); </script> <style> h2 {color: #fff; margin: 0 0 5px 0; padding: 10px 0 10px 10px} .krasota1 {background: #920000; font-size: 11px} .krasota2 {background: #005992; font-size: 22px} .krasota3 {background: #009271; font-size: 33px} .krasota4 {background: #5d9200; font-size: 44px} .krasota5 {background: #600092; font-size: 55px} </style> </head> <body> <h2>Untitled Document</h2> <h2>Untitled Document</h2> <h2>Untitled Document</h2> <h2>Untitled Document</h2> <h2>Untitled Document</h2> </body> </html> Я сделал так. Еще раз спасибо всем! Добавлено через 6 минут Все работает так как я и хотел. А как еще усложнить эту штуку, чтобы использовались все классы? Сейчас при загрузке страницы некоторые класс вылетают. Последний раз редактировалось Niemans; 15.01.2010 в 12:59.. Причина: Добавлено сообщение