Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Малко помощ с идеи - CSS

5 ноември 201411 г.

Опитвам се да имитрам поведението на (линка е абсолютно безобиден ) тази страница и по-точно поведението на таблицата която е над текущата цена в дясната част. Трети ден вече не успявам. Ще съм благодарен ако ми помогнете с идеи как точно е реализирано това плаване нагоре при поява на нов ред.

Благодаря!

Емил Костов

Hardware Team

Пол:Мъж
Град:Плевен
Интереси:Интернет,Компютърни игри и програми. WEB design

5 ноември 201411 г.

Какво точно се опитваш да имитираш?

5 ноември 201411 г.

Автор

Какво точно се опитваш да имитираш?

Поведението на таблицата над текущата цена. ( прикачения шот на точния елемент ) Ако се загледате за известно време при поява на нова цена следва изместване нагоре по редовете.

Емил Костов

Hardware Team

Пол:Мъж
Град:Плевен
Интереси:Интернет,Компютърни игри и програми. WEB design

5 ноември 201411 г.

upslide.png Поведението на таблицата над текущата цена. ( прикачения шот на точния елемент ) Ако се загледате за известно време при поява на нова цена следва изместване нагоре по редовете.

Това няма как да стане само със CSS.

5 ноември 201411 г.

Автор

Това няма как да стане само със CSS.

Затова приемам всякакви идеи за реализация

5 ноември 201411 г.

Правиш примерно един div с някакво съдържание, на който с JavaScript му променяш динамично някои от свойствата на css-а, които отговарят за позиционирането му. Можеш да използваш анимирането в jQuery. Ама това са работи така за малко по-напреднали - в смисъл че няма да стане някой да ти покаже примерен код и ти да го сложиш.

5 ноември 201411 г.

Автор

Правиш примерно един div с някакво съдържание, на който с JavaScript му променяш динамично някои от свойствата на css-а, които отговарят за позиционирането му.

Чудесно, но кои точно свойства на div -а или на съдържанието да променям така, че да се слайдва нагоре при вмъкване на ред? Долната част вече я имам но ударих на греда точно вмъкване и слайд нагоре. Всякакви идеи които включват html, css, JS, jQurery с или без произволни плъгини се приемат.

Редактирано 5 ноември 201411 г. от dot (преглед на промените)

5 ноември 201411 г.

Чудесно, но кои точно свойства на div -а или на съдържанието да променям така, че да се слайдва нагоре при вмъкване на ред? Долната част вече я имам но ударих на греда точно вмъкване и слайд нагоре. Всякакви идеи които включват html, css, JS, jQurery с или без произволни плъгини се приемат.

Пробвай първоначално div-ът да е с отрицателен margin-bottom и постепенно да приеме нормалната стойност, която трябва да има, примерно. Това е принципът на работа - може да се наложи да се променят и други свойства, тъй като го казвам ad hoc, че нямам време да правя някакви тестове как ще работи един такъв подход.

5 ноември 201411 г.

Автор

Пробвай първоначално div-ът да е с отрицателен margin-bottom и постепенно да приеме нормалната стойност, която трябва да има, примерно.

Мммм ако има отрицателен ( контейнерът ) ще го измести... това с отрицателния ще има ефект само ако се променя изгледа, т.е. ако свия прозореца на браузъра. Ако говориш за друг кой точно? Самата таблица всеки ред e div .

5 ноември 201411 г.

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
div {
	position: relative;
	top: 0;
	left: 0;
	width: 100px;
	padding-left: 10px;
	background-color: #b3b09b;
}
.test {
	margin-bottom: -20px;
	background-color: #e3e2db;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>

<div>test content</div>
<div class="test">test content</div>
<div>test content</div>
<div>test content</div>

<script>
$(document).ready(function() {
	$('.test').animate({marginBottom: 0}, 2000);		
});
</script>

</body>
</html>

Редактирано 5 ноември 201411 г. от gothicrock (преглед на промените)

6 ноември 201411 г.

Автор

<!DOCTYPE html>
...
</html>
Благодаря. Това е поведението на долната част на таблицата. В горната елемените при появата на
<div class="test">test content</div>
се слайдват нагоре, т.е редoвете преди това се избутват нагоре

6 ноември 201411 г.

Tц. Нагоре се избутват. За да се избутват надолу, трябва да променяш динамично margin-top.

Както казах по-горе, такава функционалност си иска доста пипане - трябва да си поиграеш с позиционирането на елементите едни спрямо други. Аз просто ти давам някакви насоки.

Редактирано 6 ноември 201411 г. от gothicrock (преглед на промените)

Архивирана тема

Темата е твърде стара и е архивирана. Не можете да добавяте нови отговори в нея, но винаги можете да публикувате нова тема, в която да продължи дискусията. Регистрирайте се или влезте във вашия профил за да публикувате нова тема.