Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.73/11: Рейтинг темы: голосов - 11, средняя оценка - 4.73
0 / 0 / 0
Регистрация: 30.07.2014
Сообщений: 2
1

Как сделать так что бы текст в коде был сверху, а отображалось снизу

30.07.2014, 17:21. Показов 2135. Ответов 6
Метки нет (Все метки)

Как сделать так что бы текст в коде был сверху, а отображалось снизу?
допустим
HTML5
1
2
3
4
<div>
<div>1. Текст который должен отображаться ниже, чем текст 2</div>
<div>2. Текст который должен отображаться выше, чем текст 1 </div> 
</div>
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
30.07.2014, 17:21
Ответы с готовыми решениями:

Как сделать так, что бы текст в блоке, был в ряд, при разных разрешениях экрана
Как сделать так, что бы текст в блоке, был в ряд, при разных разрешениях экрана ? html &lt;div...

Как сделать так что бы меню отображалось по центру
Нашел интересно меню в виде книг. Вот его код &lt;style&gt; ul.topUL {padding:0; margin:30px;...

Как разместить текст сверху и снизу блока
Привет. Задан блок с определенными заранее размерами. Как разместить внутри этого блока две строки?...

Как сделать рамку у таблице слева и справа, а сверху и снизу чтобы ее небыло?
Обычным способом рамка получается со всех сторон, А как сделать так, чтобы была только с левой...

6
SF
Boo
142 / 117 / 55
Регистрация: 02.12.2013
Сообщений: 396
30.07.2014, 17:29 2
Murder, как вариант
CSS
1
position: absolute;
0
0 / 0 / 0
Регистрация: 30.07.2014
Сообщений: 2
30.07.2014, 18:15  [ТС] 3
А можно более подробно, я пробовал, получалось то текст 1 отображался посередине текста 2... то еще как-то криво...

пс. текст 2 довольно длинный и бывает разного размера.
0
1230 / 864 / 184
Регистрация: 16.03.2008
Сообщений: 4,110
Записей в блоге: 1
30.07.2014, 18:48 4
оба блока резиновые? Если да то только JavaScript

потребуется getElementById и insertBefore
0
Эксперт JSЭксперт HTML/CSS
2430 / 1108 / 310
Регистрация: 23.06.2011
Сообщений: 3,486
31.07.2014, 21:22 5
Цитата Сообщение от Murder Посмотреть сообщение
Как сделать так что бы текст в коде был сверху, а отображалось снизу?
А на фига?
CSS
1
2
3
#qqq {position:relative;}
#qqq .q1 {bottom:0; left:0; background:pink;}
#qqq .q2 {top:0; left:0; background:yellow;}
HTML5
1
2
3
4
<div id="qqq">
<div class="q1">1.В коде он был первый.<br> Текст который должен отображаться ниже, чем текст 2<br>1. Текст который должен отображаться ниже, чем текст 2</div>
<div class="q2">2. Текст который должен отображаться выше, чем текст 1 </div> 
</div>
Javascript
1
2
3
4
5
6
7
8
onload=function(){
var el, h
el=document.getElementById("qqq");
h=el.offsetHeight;
el.style.height=h+'px';
el.querySelector(".q1").style.position="absolute";
el.querySelector(".q2").style.position="absolute";
 };
0
1230 / 864 / 184
Регистрация: 16.03.2008
Сообщений: 4,110
Записей в блоге: 1
31.07.2014, 21:54 6
newJS, угу. А что будет если уменьшить окно браузера после загрузки страницы? Уж раз JS то просто поменять местами элементы в сруктуре dom и все. Без всяких абсолютов.
0
635 / 522 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
31.07.2014, 21:54 7
Лучший ответ Сообщение было отмечено Murder как решение

Решение

Полностью кроссбраузерно как показал newJS. Но можно и на css, а для фолбэка использовать вариант newJS:
HTML5
1
2
3
4
<div class="box">
<div>1. Текст который должен отображаться ниже, чем текст 2</div>
<div>2. Текст который должен отображаться выше, чем текст 1 </div> 
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.box{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.box > div:first-child{
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
31.07.2014, 21:54

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Анимация: как сделать что бы шарик двигался снизу вверх, а не сверху вниз
ublic Class Form1 Dim x, y, h, w As Integer Private Sub Timer1_Tick(sender As...

Как сделать чтобы текст в ячейке Excel был по центру и читался снизу вверх?
Как сделать чтобы текст в ячейке был по центру и читался снизу вверх? ...

Как сделать так что-бы в едит или в лейбл отображалось имя пользователя?
Как сделать так что-бы в едит или в лейбл отображалось имя пользователя?

Сделать так что бы размер кнопки неизменяемым, какой бы там текст не был
Сделать так что бы размер кнопки неизменяемым, какой бы там текст не был


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.