PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

как можно средствами css текст 1 сделать ниже текста 2

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

vlom	Отправлено: 11 Апреля, 2012 - 11:53:41
Частый посетитель Покинул форум Сообщений всего: 681 Дата рег-ции: Окт. 2010 Откуда: Екатеринбург Помог: 4 раз(а)	CODE (html): скопировать код в буфер обмена <div class="content"> <div class="1"> Тут текст 1</div> <div class="2"> Тут текст 2</div> </div> как можно средствами css текст 1 сделать ниже текста 2???

DeepVarvar	Отправлено: 11 Апреля, 2012 - 12:03:20
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	CODE (html): скопировать код в буфер обмена position: absolute; margin-top: 20px; ----- Шта? Репозиторий?

vlom	Отправлено: 11 Апреля, 2012 - 13:22:51
Частый посетитель Покинул форум Сообщений всего: 681 Дата рег-ции: Окт. 2010 Откуда: Екатеринбург Помог: 4 раз(а)	DeepVarvar пишет: CODE (html): скопировать код в буфер обмена position: absolute; margin-top: 20px; размер текста 2 может быть разным по размеру, может одну строку занять, а может и десяток (Добавление) нужен более гибкий способ

EuGen	Отправлено: 11 Апреля, 2012 - 13:45:32
Профессионал Покинул форум Сообщений всего: 9095 Дата рег-ции: Июнь 2007 Откуда: Berlin Помог: 707 раз(а)	Думаю, что-то наподобие: CODE (html): скопировать код в буфер обмена <html> <head> <style type="text/css"> .class0 { position:absolute; margin-top: 100%; } .class1 { position:absolute; margin-top: 0%; } </style> </head> <body> <div class="content"> <div class="class0"> heading 0</div> <div class="class1"> <h3>heading 1</h3></div> </div> </body> </html> (высоту родительского элемента, я думаю, нужно будет выставить отдельно) ----- Есть в мире две бесконечные вещи - это Вселенная и человеческая глупость. Но насчет первой .. я не уверен.

vlom	Отправлено: 16 Апреля, 2012 - 14:25:49
Частый посетитель Покинул форум Сообщений всего: 681 Дата рег-ции: Окт. 2010 Откуда: Екатеринбург Помог: 4 раз(а)	по ходу дела возник еще один вопрос, у класса class1 может быть разное количество контента на странице, соответственно и высота разная, и если сделать отступ в 100% то получится большой разрыв между контейнерами если в <div class="class1"> скажем будет всего пару строк, тут решил попробовать определить высоту при помощи js CODE (javascript): скопировать код в буфер обмена jQuery.noConflict(); jQuery(document).ready(function(){ var qwe = jQuery('#shop-desc').offsetHeight; console.log(Number(qwe)); }); в консоль попадает нот а намбе (Добавление) в чем может быть проблема???

DelphinPRO	Отправлено: 16 Апреля, 2012 - 14:29:29
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	CODE (javascript): скопировать код в буфер обмена var qwe = jQuery('#shop-desc').height(); ----- Чем больше узнаю, тем больше я не знаю.

vlom	Отправлено: 16 Апреля, 2012 - 14:32:19
Частый посетитель Покинул форум Сообщений всего: 681 Дата рег-ции: Окт. 2010 Откуда: Екатеринбург Помог: 4 раз(а)	спасибо

IllusionMH	Отправлено: 16 Апреля, 2012 - 14:33:48
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	vlom, а не проще тогда блоки местами поменять в коде? Раз уже JS используется (Отредактировано автором: 16 Апреля, 2012 - 14:34:22)

DelphinPRO	Отправлено: 16 Апреля, 2012 - 14:40:08
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	vlom пишет: тут решил попробовать определить высоту при помощи js тогда уж можно яваскриптом поменять блоки местами CODE (html): скопировать код в буфер обмена <div class="content"> <div class="b1"> Тут текст 1</div> <div class="b2"> Тут текст 2</div> </div> CODE (javascript): скопировать код в буфер обмена $('.b2').after($('.b1')); ----- Чем больше узнаю, тем больше я не знаю.

vlom	Отправлено: 23 Апреля, 2012 - 19:02:40
Частый посетитель Покинул форум Сообщений всего: 681 Дата рег-ции: Окт. 2010 Откуда: Екатеринбург Помог: 4 раз(а)	DelphinPRO пишет: vlom пишет: тут решил попробовать определить высоту при помощи js тогда уж можно яваскриптом поменять блоки местами CODE (html): скопировать код в буфер обмена <div class="content"> <div class="b1"> Тут текст 1</div> <div class="b2"> Тут текст 2</div> </div> CODE (javascript): скопировать код в буфер обмена $('.b2').after($('.b1')); вело в том что сеошники стону... им надо текст по коду до блока с категориями товаров, а отображать после категорий товаров

DelphinPRO	Отправлено: 23 Апреля, 2012 - 21:52:04
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	vlom пишет: вело в том что сеошники стону так я и говорю - меняйте блоки местами яваскриптом. код на jquery я показал. поисковые роботы не обрабатывают JS и сеошники не должны возражать. ----- Чем больше узнаю, тем больше я не знаю.

vlom	Отправлено: 24 Апреля, 2012 - 06:55:43
Частый посетитель Покинул форум Сообщений всего: 681 Дата рег-ции: Окт. 2010 Откуда: Екатеринбург Помог: 4 раз(а)	DelphinPRO пишет: так я и говорю - меняйте блоки местами яваскриптом. код на jquery я показал. поисковые роботы не обрабатывают JS и сеошники не должны возражать. вот этого я не знал, спасибо как всегда

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.